import React, { Component,useEffect,useState,useRef } from 'react';
import { useMenu } from './menuContext';
import { Tooltip,Popover,Dropdown,Menu } from 'antd';
import { useNavigate } from 'react-router-dom';
import {PlusOutlined, DownOutlined, CloseOutlined} from '@ant-design/icons';
import { useTranslation } from 'react-i18next';
import getCurrentUser from '@components/getCurrentUser';
import { authService } from '@services/authService';
import axios from 'axios';

import { Bell, Logo } from '../../img/svgComponent';
import CodeSvg from './../../img/code.svg';
import AppPng from './img/app.png';
import  waxberryPlaza    from './img/waxberryPlaza.svg'
import AgentPng from './img/agent.png';
import SmallModelPng from './img/smallModel.png';
import LargeModelPng from './img/largeModel.png';
import CreateWaxberryIcon1 from './img/createWaxberryIcon1.gif';
import CreateWaxberryIcon2 from './img/createWaxberryIcon2.gif';
import HeroInvitation from './img/heroInvitation.png';
import EquitySuccess from './img/equitySuccess.png';
import LightHeroInvitation from './img/lightHeroInvitation.png';

import weComPng from '@pages/waxberryAi/overview/img/weCom.png';

import './index.scss';
import '../../theme/light-theme.css';
import '../../theme/dark-theme.css';

const theme = localStorage.getItem('theme') || 'dark';
// 根据当前主题选择样式文件
if (theme === 'dark') {
    document.documentElement.className = "dark-theme";
} else {
    document.documentElement.className = "light-theme";
}

function toggleTheme() {
    localStorage.setItem('theme',theme === 'dark' ? 'light' : 'dark');
    window.location.reload();
}

const language = localStorage.getItem('language') || 'zh';
function toggleLanguage() {
    // 保存语言选择
    localStorage.setItem('language', language === "zh" ? "en" : "zh");
    window.location.reload();
}



const HelpIcon=()=><svg version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_385_046176/514_003693"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_385_046176/514_003693)"><g><path d="M9.0004565625,16.655738281250002Q9.1883865625,16.655738281250002,9.3760965625,16.64643828125Q9.5638065625,16.63723828125,9.7508465625,16.61883828125Q9.9378765625,16.60043828125,10.1237765625,16.57283828125Q10.3096865625,16.54523828125,10.4940065625,16.50853828125Q10.6783365625,16.47193828125,10.8606365625,16.42623828125Q11.0429465625,16.38063828125,11.2227965625,16.32603828125Q11.4026265625,16.27143828125,11.5796265625,16.20813828125Q11.7565265625,16.14483828125,11.9301265625,16.07293828125Q12.1038265625,16.00103828125,12.2737265625,15.92063828125Q12.4436265625,15.84033828125,12.6093265625,15.75173828125Q12.7751265625,15.66313828125,12.9363265625,15.56653828125Q13.0975265625,15.46983828125,13.2537265625,15.36543828125Q13.4100265625,15.26103828125,13.5609265625,15.14913828125Q13.7119265625,15.03713828125,13.8572265625,14.91793828125Q14.0024265625,14.79873828125,14.1417265625,14.67243828125Q14.2809265625,14.54623828125,14.4138265625,14.41333828125Q14.5467265625,14.28043828125,14.6729265625,14.14123828125Q14.7992265625,14.00193828125,14.9184265625,13.85673828125Q15.0376265625,13.71143828125,15.1496265625,13.56043828125Q15.2615265625,13.40953828125,15.3659265625,13.25323828125Q15.4703265625,13.09703828125,15.5670265625,12.93583828125Q15.6636265625,12.77463828125,15.7522265625,12.60883828125Q15.8408265625,12.44313828125,15.9211265625,12.27323828125Q16.0015265625,12.10333828125,16.0734265625,11.92963828125Q16.1453265625,11.75603828125,16.2086265625,11.57913828125Q16.2719265625,11.40213828125,16.3265265625,11.22229828125Q16.3811265625,11.04245828125,16.4267265625,10.86014828125Q16.4724265625,10.67784828125,16.5090265625,10.49351828125Q16.5457265625,10.30919828125,16.5733265625,10.12328828125Q16.6009265625,9.93738828125,16.6193265625,9.75035828125Q16.6377265625,9.56331828125,16.6469265625,9.37560828125Q16.656226562500002,9.18789828125,16.656226562500002,8.99996828125Q16.656226562500002,8.81202828125,16.6469265625,8.62431828125Q16.6377265625,8.436608281249999,16.6193265625,8.24956828125Q16.6009265625,8.06253828125,16.5733265625,7.87663828125Q16.5457265625,7.69072828125,16.5090265625,7.50640828125Q16.4724265625,7.32207828125,16.4267265625,7.13977828125Q16.3811265625,6.95746828125,16.3265265625,6.77762828125Q16.2719265625,6.59777828125,16.2086265625,6.42082828125Q16.1453265625,6.24387828125,16.0734265625,6.07024828125Q16.0015265625,5.89660828125,15.9211265625,5.72671828125Q15.8408265625,5.55682828125,15.7522265625,5.39107828125Q15.6636265625,5.22532828125,15.5670265625,5.06413828125Q15.4703265625,4.90293828125,15.3659265625,4.74666828125Q15.2615265625,4.59040828125,15.1496265625,4.43944828125Q15.0376265625,4.28849828125,14.9184265625,4.14321828125Q14.7992265625,3.99794828125,14.6729265625,3.85868828125Q14.5467265625,3.71943828125,14.4138265625,3.58654828125Q14.2809265625,3.45365828125,14.1417265625,3.3274482812499997Q14.0024265625,3.20123828125,13.8572265625,3.0820082812500003Q13.7119265625,2.9627782812500003,13.5609265625,2.85082828125Q13.4100265625,2.7388682812500003,13.2537265625,2.6344582812499997Q13.0975265625,2.53004828125,12.9363265625,2.4334282812500003Q12.7751265625,2.33680928125,12.6093265625,2.24821628125Q12.4436265625,2.15962328125,12.2737265625,2.07926928125Q12.1038265625,1.99891628125,11.9301265625,1.92699528125Q11.7565265625,1.85507528125,11.5796265625,1.79176028125Q11.4026265625,1.72844628125,11.2227865625,1.67389128125Q11.0429465625,1.61933628125,10.8606365625,1.57367028125Q10.6783365625,1.52800528125,10.4940065625,1.49134128125Q10.3096865625,1.45467628125,10.1237765625,1.42709998125Q9.9378765625,1.39952378125,9.7508465625,1.38110268125Q9.5638065625,1.36268158125,9.3760965625,1.35345994125Q9.1883865625,1.34423828125,9.0004565625,1.34423828125Q8.8125165625,1.34423828125,8.6248065625,1.35345994125Q8.437096562499999,1.36268158125,8.2500565625,1.38110268125Q8.0630265625,1.39952378125,7.8771265625,1.42709998125Q7.6912165625,1.45467628125,7.5068965625,1.49134128125Q7.3225665625,1.52800528125,7.1402665625,1.57367028125Q6.9579565625,1.61933628125,6.7781165625,1.67389128125Q6.5982665625,1.72844628125,6.4213165625,1.79176028125Q6.2443665625,1.85507528125,6.0707365625,1.92699528125Q5.8970965625,1.99891628125,5.7272065625,2.07926928125Q5.5573165625,2.15962328125,5.3915665625,2.24821628125Q5.2258165625,2.33680928125,5.0646265625,2.4334282812500003Q4.9034265625,2.53004828125,4.7471565625,2.6344582812499997Q4.5908965625,2.7388682812500003,4.4399365625,2.85082828125Q4.2889865625,2.9627782812500003,4.1437065625,3.0820082812500003Q3.9984365625,3.20123828125,3.8591765625,3.3274482812499997Q3.7199265625,3.45365828125,3.5870365625,3.58654828125Q3.4541465625,3.71943828125,3.3279365624999997,3.85868828125Q3.2017265625,3.99794828125,3.0824965625000003,4.14321828125Q2.9632665625000003,4.28849828125,2.8513165625,4.43944828125Q2.7393565625000003,4.59040828125,2.6349465624999997,4.74666828125Q2.5305365625,4.90293828125,2.4339165625000003,5.06413828125Q2.3372975625,5.22532828125,2.2487045625,5.39107828125Q2.1601115625,5.55682828125,2.0797575625,5.72671828125Q1.9994045625,5.89660828125,1.9274835625,6.07024828125Q1.8555635625,6.24387828125,1.7922485625,6.42082828125Q1.7289345625,6.59777828125,1.6743795625,6.77762828125Q1.6198245625,6.95746828125,1.5741585625,7.13977828125Q1.5284935625,7.32207828125,1.4918295625,7.50640828125Q1.4551645625,7.69072828125,1.4275882625,7.87663828125Q1.4000120625,8.06253828125,1.3815909625,8.24956828125Q1.3631698625,8.436608281249999,1.3539482225,8.62431828125Q1.3447265625,8.81202828125,1.3447265625,8.99996828125Q1.3447265625,9.18789828125,1.3539482225,9.37560828125Q1.3631698625,9.56331828125,1.3815909625,9.75035828125Q1.4000120625,9.93738828125,1.4275882625,10.12328828125Q1.4551645625,10.30919828125,1.4918295625,10.49351828125Q1.5284935625,10.67784828125,1.5741585625,10.86014828125Q1.6198245625,11.04245828125,1.6743795625,11.22230828125Q1.7289345625,11.40213828125,1.7922485625,11.57913828125Q1.8555635625,11.75603828125,1.9274835625,11.92963828125Q1.9994045625,12.10333828125,2.0797575625,12.27323828125Q2.1601115625,12.44313828125,2.2487045625,12.60883828125Q2.3372975625,12.77463828125,2.4339165625000003,12.93583828125Q2.5305365625,13.09703828125,2.6349465624999997,13.25323828125Q2.7393565625000003,13.40953828125,2.8513165625,13.56043828125Q2.9632665625000003,13.71143828125,3.0824965625000003,13.85673828125Q3.2017265625,14.00193828125,3.3279365624999997,14.14123828125Q3.4541465625,14.28043828125,3.5870365625,14.41333828125Q3.7199265625,14.54623828125,3.8591765625,14.67243828125Q3.9984365625,14.79873828125,4.1437065625,14.91793828125Q4.2889865625,15.03713828125,4.4399365625,15.14913828125Q4.5908965625,15.26103828125,4.7471565625,15.36543828125Q4.9034265625,15.46983828125,5.0646265625,15.56653828125Q5.2258165625,15.66313828125,5.3915665625,15.75173828125Q5.5573165625,15.84033828125,5.7272065625,15.92063828125Q5.8970965625,16.00103828125,6.0707365625,16.07293828125Q6.2443665625,16.14483828125,6.4213165625,16.20813828125Q6.5982665625,16.27143828125,6.7781165625,16.32603828125Q6.9579565625,16.38063828125,7.1402665625,16.42623828125Q7.3225665625,16.47193828125,7.5068965625,16.50853828125Q7.6912165625,16.54523828125,7.8771265625,16.57283828125Q8.0630265625,16.60043828125,8.2500565625,16.61883828125Q8.437096562499999,16.63723828125,8.6248065625,16.64643828125Q8.8125165625,16.655738281250002,9.0004565625,16.655738281250002ZM8.2564165625,10.46689828125C8.2564165625,10.87466828125,8.5900465625,11.20829828125,8.997816562499999,11.20829828125C9.4055865625,11.20829828125,9.7392165625,10.87466828125,9.7392165625,10.46689828125C9.7392165625,10.13326828125,9.9616365625,9.71808828125,10.1988865625,9.62170828125C11.4592265625,9.09531828125,12.1636265625,7.82752828125,11.9189265625,6.53749828125C11.7039265625,5.41056828125,10.7178565625,4.47640828125,9.5242065625,4.2836482812500005C8.6122865625,4.13536828125,7.7003765625,4.38002828125,7.0182865625,4.9583182812499995C6.3880965625,5.48470828125,6.0322265625,6.24834828125,6.0322265625,7.04905828125C6.0322265625,7.45682828125,6.3658565625,7.79045828125,6.7736265625,7.79045828125C7.1813965625,7.79045828125,7.5150265625,7.45682828125,7.5150265625,7.04905828125C7.5150265625,6.67835828125,7.6855465625,6.33731828125,7.9821065625,6.08523828125C8.3305565625,5.78867828125,8.805056562499999,5.66264828125,9.2869665625,5.74419828125C9.8726665625,5.84057828125,10.3694065625,6.28541828125,10.4657865625,6.81180828125C10.5918265625,7.51613828125,10.1395665625,8.04252828125,9.6280065625,8.25753828125C8.7234965625,8.635648281249999,8.2564165625,9.65136828125,8.2564165625,10.46689828125ZM8.3453865625,13.48443828125C8.5159065625,13.66233828125,8.7531565625,13.75873828125,8.997816562499999,13.75873828125C9.2424765625,13.75873828125,9.4797265625,13.66233828125,9.6502465625,13.48443828125C9.7392165625,13.40283828125,9.8059465625,13.29903828125,9.8578365625,13.18783828125C9.9023265625,13.07663828125,9.9245665625,12.95803828125,9.9245665625,12.83193828125C9.9245665625,12.58733828125,9.8281865625,12.35003828125,9.6502465625,12.17953828125C9.3017865625,11.83103828125,8.6864265625,11.83103828125,8.3453865625,12.17953828125C8.1674565625,12.35003828125,8.0710665625,12.58733828125,8.0710665625,12.83193828125C8.0710665625,12.95803828125,8.0933165625,13.07663828125,8.1452065625,13.18783828125C8.1889365625,13.30043828125,8.2573365625,13.40173828125,8.3453865625,13.48443828125Z" fillRule="evenodd" fill="currentColor" fillOpacity="1" /></g></g></svg>
const UserIcon=()=><svg  fill="none" version="1.1" width="12" height="12" viewBox="0 0 8 8"><defs><clipPath id="master_svg0_385_094480/514_001924"><rect x="0" y="0" width="8" height="8" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_385_094480/514_001924)"><g><path d="M3.905859375,1.008424165C3.162109375,1.052174175,2.549609375,1.658424375,2.499609375,2.4021693749999997C2.443359375,3.277179375,3.130859375,4.008419375,3.993359375,4.008419375C4.824609375,4.008419375,5.493359375,3.333429375,5.493359375,2.508429375C5.499609375,1.6459243749999999,4.774609375,0.958424575,3.905859375,1.008424165ZM3.999609375,4.495929374999999C2.999609375,4.495929374999999,1.005859375,4.995929374999999,1.005859375,5.995919375L1.005859375,6.745919375C1.005859375,6.883419375,1.118359375,6.995919375,1.255859375,6.995919375L6.743359375,6.995919375C6.880859375,6.995919375,6.993359375,6.883419375,6.993359375,6.745919375L6.993359375,5.989679375C6.993359375,4.995929374999999,4.999609375,4.495929374999999,3.999609375,4.495929374999999Z" fill="#B6B7EA" fillOpacity="1"/></g></g></svg>
const LoginOutIcon=()=><svg  version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_385_043643"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_385_043643)"><g><path d="M14.8075828125,7.1490528125C14.8075828125,7.4043328125,14.7224828125,7.5745228125,14.5522828125,7.7447128125L12.8503828125,9.4466228125C12.6802828125,9.6168128125,12.5100828125,9.7019028125,12.2547828125,9.7019028125C11.7441828125,9.7019028125,11.4037828125,9.3615228125,11.4037828125,8.850952812500001C11.4037828125,8.595662812499999,11.4888828125,8.4254728125,11.6590828125,8.255282812499999L11.9143828125,8.0000028125L9.7019028125,8.0000028125C9.1913328125,8.0000028125,8.850952812500001,7.6596228125,8.850952812500001,7.1490528125C8.850952812500001,6.6384728125,9.1913328125,6.2980928125,9.7019028125,6.2980928125L11.9143828125,6.2980928125L11.6590828125,6.0428128125C11.4888828125,5.8726228125,11.4037828125,5.7024328125,11.4037828125,5.4471428125C11.4037828125,4.9365728125,11.7441828125,4.5961928125,12.2547828125,4.5961928125C12.5100828125,4.5961928125,12.6802828125,4.6812828125,12.8503828125,4.8514728125L14.5522828125,6.5533828125C14.7224828125,6.7235728125,14.8075828125,6.8937628125,14.8075828125,7.1490528125ZM12.2547828125,2.8942828125L10.5528528125,2.8942828125L8.850952812500001,2.8942828125L5.1067628124999995,2.8942828125L6.7235728125,3.8303328125C6.9788528125,4.0005228125,7.1490528125,4.2558128125,7.1490528125,4.5961928125L7.1490528125,11.4037828125L8.0000028125,11.4037828125L10.5528528125,11.4037828125L12.2547828125,11.4037828125C12.7652828125,11.4037828125,13.1056828125,11.7441828125,13.1056828125,12.2547828125C13.1056828125,12.7652828125,12.7652828125,13.1056828125,12.2547828125,13.1056828125L8.0000028125,13.1056828125L7.1490528125,13.1056828125L7.1490528125,13.9566828125C7.1490528125,14.4672828125,6.8086628125,14.8075828125,6.2980928125,14.8075828125C6.1279028125,14.8075828125,5.9577128125,14.7224828125,5.8726228125,14.6373828125L1.6178588125,12.0845828125C1.5327638125,11.9994828125,1.4476688125,11.9143828125,1.3625728125,11.8292828125Q1.3625728125,11.8292828125,1.3625728125,11.7441828125C1.2774780125,11.6590828125,1.1923828125,11.5739828125,1.1923828125,11.4037828125L1.1923828125,2.0433348125C1.1923828125,1.7029538125,1.4476688125,1.3625728125,1.7029538125,1.2774780125C1.7880488125,1.1923828125,1.9582398125,1.1923828125,2.0433348125,1.1923828125L8.850952812500001,1.1923828125L12.2547828125,1.1923828125C12.7652828125,1.1923828125,13.1056828125,1.5327638125,13.1056828125,2.0433348125C13.1056828125,2.5539028125,12.7652828125,2.8942828125,12.2547828125,2.8942828125Z" fill="currentColor" fillOpacity="1" /></g></g></svg>
const FunctionIcon=()=> <svg  version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_280_29827/385_87043"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_280_29827/385_87043)"><g><path d="M7.0797740625,6.5006748828125Q7.5463840625,3.6750148828125,9.0331040625,1.7870708828125Q9.4039640625,1.2124218828125,9.8753440625,1.0481758828125Q10.0397740625,0.9250584828125,10.2353240625,0.9453853328125Q10.4303740625,0.9659391828125,10.5540840625,1.1301838828125Q10.6774040625,1.2946148828125,10.6461440625,1.4791728828125001Q10.6153140625,1.6639518828125,10.4716440625,1.7870708828125Q10.1224340625,1.8898398828125,9.8753440625,2.2900348828125Q8.5068740625,4.0161748828125,8.0457640625,6.5392548828125C10.7849940625,6.8866348828125,12.9030140625,9.2255048828125,12.9030140625,12.0591048828125C12.9030140625,15.1321048828125,10.4117940625,17.6234048828125,7.3387140625,17.6234048828125C4.2656340625,17.6234048828125,1.7744140625,15.1321048828125,1.7744140625,12.0591048828125C1.7744140625,9.0727748828125,4.1269040624999995,6.6359348828125,7.0797740625,6.5006748828125Z" fill="currentColor" fillRule="evenodd"  fillOpacity="1"/></g><g transform="matrix(0.9404609203338623,-0.33990177512168884,0.33990177512168884,0.9404609203338623,0.4380206931009525,2.8997186351261917)"><path d="M8.55025145,0.199554443359375Q8.05828075,6.425754443359375,12.97370375,10.576454443359374Q12.97396375,2.548024443359375,8.55025145,0.199554443359375Z" fill="currentColor" fillOpacity="1"/></g></g></svg>
const UserInfoIcon=()=><svg   version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_385_043621"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_385_043621)"><g><path d="M13.292371875,9.934735C13.223971875,9.904435,12.265271875,9.485714999999999,11.024261875,9.132095C10.604301875,9.011295,10.179411875,8.908315,9.750751874999999,8.823435C10.383921875,8.286875,10.795361875,7.496045,10.795361875,6.601935L10.795361875,4.4426749999999995C10.792531875,2.8252949999999997,9.480641875,1.515625,7.863251875,1.515625C6.246731875,1.515625,4.930581875,2.826235,4.930581875,4.4426749999999995L4.930581875,6.601935C4.930581875,7.520125,5.364951875,8.331745,6.030671875,8.869435C5.583871875,8.963715,5.1517018750000005,9.077715000000001,4.753791875,9.196674999999999C4.064531875,9.402215,3.387321875,9.646205,2.725343875,9.927465C2.212327875,10.133455,1.826171875,10.709925,1.826171875,11.267795L1.826171875,13.577425L1.855874975,13.664925C2.022624875,14.155025,2.472171875,14.484425,2.9750618749999997,14.484425L13.025271875,14.484425C13.601871875,14.484325,14.089171875,14.057025,14.164671875,13.485325L14.174171875,11.268295C14.174171875,10.713745,13.789071875,10.138465,13.292371875,9.934735Z" fill="currentColor" fillOpacity="1" /></g></g></svg>
const MenuIcon=()=> <svg className="meunIcon" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_210_14287"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_210_14287)"><g><path d="M10.5,1.5L4.5,1.5C3.671573,1.49999986589,3.000000268221,2.171573,3,3L3,15C3.000000268221,15.8284,3.671573,16.5,4.5,16.5L13.5,16.5C14.3284,16.5,15,15.8284,15,15L15,6L10.5,1.5ZM9.75,2.625L13.875,6.75L9.75,6.75L9.75,2.625Z" fill="currentColor"/></g></g></svg>
const ApprovalIcon=()=><svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_760_111546"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_760_111546)"><g><path d="M2.73125,12.5609744140625L13.4469,12.5609744140625C13.8125,12.5609744140625,14.1172,12.1953744140625,14.0563,11.8296744140625L13.8125,10.4906444140625C13.6906,9.9422144140625,13.2031,9.5172144140625,12.6562,9.5172144140625L9.73438,9.5172144140625L9.49062,7.9953344140625C10.82969,7.4468944140625,11.74375,6.1687744140625,11.74375,4.6468944140624995C11.74375,2.6375244140625,10.1,0.9937744140625,8.09063,0.9937744140625C6.08125,0.9937744140625,4.43594,2.6359644140625003,4.43594,4.6453344140625C4.43594,6.1672144140625,5.34844,7.4453344140625,6.68906,7.9937744140625L6.50625,9.5156444140625L3.58437,9.5156444140625C3.03594,9.5156444140625,2.489063,9.9422144140625,2.428125,10.4890844140625L2.184375,11.8281744140625C2.0609375,12.1953744140625,2.365625,12.5609744140625,2.73125,12.5609744140625ZM13.5687,13.7781744140625L2.609375,13.7781744140625C2.24375,13.7781744140625,2,14.0218744140625,2,14.3874744140625C2,14.7531744140625,2.24375,14.9968744140625,2.609375,14.9968744140625L13.5687,14.9968744140625C13.9344,14.9968744140625,14.1781,14.7531744140625,14.1781,14.3874744140625C14.1781,14.0218744140625,13.9328,13.7781744140625,13.5687,13.7781744140625Z" fill="currentColor"/></g></g></svg>;

const IndustryStandardsIcon=()=><svg className="meunIcon" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_280_25210"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_280_25210)"><g><path d="M14.64834375,13.631851196289062L3.35204475,13.631851196289062C3.10370075,13.631851196289062,2.90234375,13.833173196289062,2.90234375,14.081552196289062C2.90234375,14.329931196289063,3.10368375,14.531254196289062,3.35204475,14.531254196289062L14.64844375,14.531254196289062C14.89674375,14.531254196289062,15.09804375,14.329931196289063,15.09804375,14.081552196289062C15.09804375,13.833173196289062,14.89674375,13.631851196289062,14.64834375,13.631851196289062Z" fill="currentColor" fillOpacity="1" /></g><g><path d="M16.231009375,3.2708892822265625L1.768819375,3.2708892822265625C1.124123375,3.2708892822265625,0.599609375,3.7953852822265626,0.599609375,4.440099282226562L0.599609375,10.987649282226563C0.599609375,11.632359282226563,1.124105375,12.156859282226563,1.768819375,12.156859282226563L16.231009375,12.156859282226563C16.875709375,12.156859282226563,17.400209375,11.632359282226563,17.400209375,10.987649282226563L17.400209375,4.440099282226562C17.400209375,3.7954032822265624,16.875709375,3.2708895504475626,16.231009375,3.2708892822265625ZM2.902039375,11.257479282226562Q2.902039375,10.028339282226563,2.902039375,9.278339282226563C2.950099375,8.821309282226562,3.673299375,8.680679282226563,3.798039375,9.278339282226563L3.801429375,11.257479282226562L2.902039375,11.257479282226562ZM5.128999375,11.263329282226563Q5.128999375,10.667009282226562,5.128999375,9.916999282226563C5.177059375,9.459949282226562,5.900269375,9.319349282226563,6.025009375,9.916999282226563L6.028399375,11.263329282226563L5.128999375,11.263329282226563ZM7.368079375,11.263329282226563Q7.368079375,10.667009282226562,7.368079375,9.916999282226563C7.416139375,9.459949282226562,8.139359375,9.319349282226563,8.264089375000001,9.916999282226563L8.267489375,11.263329282226563L7.368079375,11.263329282226563ZM9.606359375,11.263329282226563Q9.606359375,10.667009282226562,9.606359375,9.916999282226563C9.654419375,9.459949282226562,10.377629375,9.319349282226563,10.502369375,9.916999282226563L10.505759375,11.263329282226563L9.606359375,11.263329282226563ZM11.827109375,11.263329282226563Q11.827109375,10.667009282226562,11.827109375,9.916999282226563C11.875109375,9.459949282226562,12.598309375,9.319349282226563,12.723109375,9.916999282226563L12.726509375,11.263329282226563L11.827109375,11.263329282226563ZM14.054109375,11.257479282226562Q14.054109375,10.028339282226563,14.054109375,9.278339282226563C14.102109375,8.821309282226562,14.825409375,8.680679282226563,14.950109375,9.278339282226563L14.953509375,11.257479282226562L14.054109375,11.257479282226562Z" fill="currentColor" fillOpacity="1"/></g></g></svg>
const IndustryKnowledgeIcon=()=><svg className="meunIcon"  version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_280_25195"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_280_25195)"><g><path d="M4.2054428125,15.871036767578126L4.2054428125,2.128936767578125L3.6835328125,2.128936767578125C3.0843588125,2.128936767578125,2.5986328125,2.614662767578125,2.5986328125,3.213836767578125L2.5986328125,14.786136767578125C2.5986328125,15.385336767578124,3.0843588125,15.871036767578126,3.6835328125,15.871036767578126L4.2054428125,15.871036767578126ZM15.4013328125,3.213836767578125C15.4013328125,2.614662767578125,14.9156328125,2.128936767578125,14.3164328125,2.128936767578125L13.4005328125,2.128936767578125L13.4005328125,5.524206767578125L11.6968028125,3.8326567675781247L9.998152812499999,5.494046767578125L9.993082812499999,2.128936767578125L5.4105628125,2.128936767578125L5.4105628125,15.871036767578126L14.3164328125,15.871036767578126C14.9156328125,15.871036767578126,15.4013328125,15.385336767578124,15.4013328125,14.786136767578125L15.4013328125,3.213836767578125ZM13.4349328125,8.941766767578125L7.6777328125,8.941766767578125L7.6777328125,9.719626767578125L13.4349328125,9.719626767578125L13.4349328125,8.941766767578125ZM13.4349328125,10.497486767578126L7.6777328125,10.497486767578126L7.6777328125,11.275336767578125L13.4349328125,11.275336767578125L13.4349328125,10.497486767578126Z" fillRule="evenodd" fill="currentColor" fillOpacity="1" /></g></g></svg>
const IndustrySoftwareIcon=()=><svg className="meunIcon"  version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_280_25206"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_280_25206)"><g><path d="M15.5869625,7.109975814819336L2.4140625,7.109975814819336L2.4140625,10.890025814819335L15.5869625,10.890025814819335L15.5869625,7.109975814819336ZM4.7796125,9.909465814819336Q4.869002500000001,9.909455814819335,4.9566625,9.891985814819336Q5.044332499999999,9.874505814819337,5.1269124999999995,9.840235814819335Q5.2094925,9.805955814819336,5.283822499999999,9.756185814819336Q5.3581425,9.706425814819337,5.4213425,9.643085814819337Q5.4845524999999995,9.579745814819336,5.534212500000001,9.505265814819335Q5.5838725,9.430795814819335,5.6180725,9.348035814819337Q5.6522825,9.265285814819336,5.669722500000001,9.177425814819337Q5.6871525,9.089575814819336,5.6871624999999995,9.000005814819335Q5.6871525,8.910425814819336,5.669722500000001,8.822575814819336Q5.6522825,8.734725814819337,5.6180725,8.651965814819336Q5.5838725,8.569215814819335,5.534212500000001,8.494735814819336Q5.4845524999999995,8.420255814819336,5.4213425,8.356915814819336Q5.3581425,8.293575814819336,5.283822499999999,8.243815814819335Q5.2094925,8.194045814819336,5.1269124999999995,8.159775814819335Q5.044332499999999,8.125495814819336,4.9566625,8.108018814819335Q4.869002500000001,8.090543814819336,4.7796125,8.090543814819336Q4.6902325000000005,8.090543814819336,4.6025624999999994,8.108018814819335Q4.5148925,8.125495814819336,4.4323125,8.159775814819335Q4.3497325,8.194045814819336,4.2754125,8.243815814819335Q4.2010925,8.293575814819336,4.1378825,8.356915814819336Q4.0746825,8.420255814819336,4.0250225,8.494735814819336Q3.9753625,8.569215814819335,3.9411525000000003,8.651965814819336Q3.9069425,8.734725814819337,3.8895125,8.822575814819336Q3.8720725,8.910425814819336,3.8720725,9.000005814819335Q3.8720725,9.089575814819336,3.8895125,9.177425814819337Q3.9069425,9.265285814819336,3.9411525000000003,9.348035814819337Q3.9753625,9.430795814819335,4.0250225,9.505265814819335Q4.0746825,9.579745814819336,4.1378825,9.643085814819337Q4.2010925,9.706425814819337,4.2754125,9.756185814819336Q4.3497325,9.805955814819336,4.4323125,9.840235814819335Q4.5148925,9.874505814819337,4.6025624999999994,9.891985814819336Q4.6902325000000005,9.909455814819335,4.7796125,9.909465814819336Z" fillRule="evenodd" fill="currentColor" fillOpacity="1"/></g><g><path d="M15.5830625,15.202015997009276C15.5489625,15.437475997009278,15.2962625,15.619515997009277,14.9885625,15.619515997009277L3.0128465,15.619515997009277L2.9427885,15.616205997009278C2.6445945,15.589255997009278,2.4140625,15.389725997009277,2.4140625,15.146695997009278L2.4140625,11.836935997009277L15.5872625,11.836935997009277L15.5872625,15.146695997009278L15.5830625,15.202015997009276ZM4.7796125,14.637685997009278Q4.869002500000001,14.637685997009278,4.9566625,14.620215997009277Q5.044332499999999,14.602735997009278,5.1269124999999995,14.568455997009277Q5.2094925,14.534175997009278,5.283822499999999,14.484415997009277Q5.3581425,14.434655997009276,5.4213425,14.371315997009278Q5.4845524999999995,14.307975997009278,5.534212500000001,14.233495997009278Q5.5838725,14.159015997009277,5.6180725,14.076265997009276Q5.6522825,13.993505997009278,5.669722500000001,13.905655997009276Q5.6871525,13.817805997009277,5.6871624999999995,13.728225997009277Q5.6871525,13.638655997009277,5.669722500000001,13.550805997009277Q5.6522825,13.462945997009278,5.6180725,13.380195997009277Q5.5838725,13.297435997009277,5.534212500000001,13.222955997009278Q5.4845524999999995,13.148485997009278,5.4213425,13.085145997009278Q5.3581425,13.021805997009277,5.283822499999999,12.972045997009278Q5.2094925,12.922275997009278,5.1269124999999995,12.887995997009277Q5.044332499999999,12.853715997009278,4.9566625,12.836244997009278Q4.869002500000001,12.818769997009277,4.7796125,12.818769997009277Q4.6902325000000005,12.818769997009277,4.6025624999999994,12.836244997009278Q4.5148925,12.853715997009278,4.4323125,12.887995997009277Q4.3497325,12.922275997009278,4.2754125,12.972045997009278Q4.2010925,13.021805997009277,4.1378825,13.085145997009278Q4.0746825,13.148485997009278,4.0250225,13.222955997009278Q3.9753625,13.297435997009277,3.9411525000000003,13.380195997009277Q3.9069425,13.462945997009278,3.8895125,13.550805997009277Q3.8720725,13.638655997009277,3.8720725,13.728225997009277Q3.8720725,13.817805997009277,3.8895125,13.905655997009276Q3.9069425,13.993505997009278,3.9411525000000003,14.076265997009276Q3.9753625,14.159015997009277,4.0250225,14.233495997009278Q4.0746825,14.307975997009278,4.1378825,14.371315997009278Q4.2010925,14.434655997009276,4.2754125,14.484415997009277Q4.3497325,14.534175997009278,4.4323125,14.568455997009277Q4.5148925,14.602735997009278,4.6025624999999994,14.620215997009277Q4.6902325000000005,14.637685997009278,4.7796125,14.637685997009278Z" fillRule="evenodd" fill="currentColor" fillOpacity="1" /></g><g><path d="M15.5830625,2.797983719970703C15.5489625,2.5625187199707034,15.2962625,2.380481719970703,14.9885625,2.380481719970703L3.0128465,2.380481719970703L2.9427885,2.3837914699707032C2.6445945,2.410742419970703,2.4140625,2.610273719970703,2.4140625,2.853304719970703L2.4140625,6.1630617199707025L15.5872625,6.1630617199707025L15.5872625,2.853304719970703L15.5830625,2.797983719970703ZM4.7796125,5.230041719970703Q4.869002500000001,5.230041719970703,4.9566625,5.212571719970703Q5.044332499999999,5.195091719970703,5.1269124999999995,5.160821719970703Q5.2094925,5.126541719970703,5.283822499999999,5.0767717199707025Q5.3581425,5.027011719970703,5.4213425,4.963671719970703Q5.4845524999999995,4.900331719970703,5.534212500000001,4.825851719970704Q5.5838725,4.751381719970703,5.6180725,4.668621719970703Q5.6522825,4.585861719970703,5.669722500000001,4.4980117199707035Q5.6871525,4.410161719970703,5.6871624999999995,4.320591719970703Q5.6871525,4.231011719970703,5.669722500000001,4.143161719970703Q5.6522825,4.055311719970703,5.6180725,3.972551719970703Q5.5838725,3.889801719970703,5.534212500000001,3.815321719970703Q5.4845524999999995,3.740841719970703,5.4213425,3.677501719970703Q5.3581425,3.6141617199707032,5.283822499999999,3.564401719970703Q5.2094925,3.514631719970703,5.1269124999999995,3.480361719970703Q5.044332499999999,3.446081719970703,4.9566625,3.428601719970703Q4.869002500000001,3.411131719970703,4.7796125,3.411131719970703Q4.6902325000000005,3.411131719970703,4.6025624999999994,3.428601719970703Q4.5148925,3.446081719970703,4.4323125,3.480361719970703Q4.3497325,3.514631719970703,4.2754125,3.564401719970703Q4.2010925,3.6141617199707032,4.1378825,3.677501719970703Q4.0746825,3.740841719970703,4.0250225,3.815321719970703Q3.9753625,3.889801719970703,3.9411525000000003,3.972551719970703Q3.9069425,4.055311719970703,3.8895125,4.143161719970703Q3.8720725,4.231011719970703,3.8720725,4.320591719970703Q3.8720725,4.410161719970703,3.8895125,4.4980117199707035Q3.9069425,4.585861719970703,3.9411525000000003,4.668621719970703Q3.9753625,4.751381719970703,4.0250225,4.825851719970704Q4.0746825,4.900331719970703,4.1378825,4.963671719970703Q4.2010925,5.027011719970703,4.2754125,5.0767717199707025Q4.3497325,5.126541719970703,4.4323125,5.160821719970703Q4.5148925,5.195091719970703,4.6025624999999994,5.212571719970703Q4.6902325000000005,5.230041719970703,4.7796125,5.230041719970703Z" fillRule="evenodd" fill="currentColor" fillOpacity="1" /></g></g></svg>
const dynamicMenuMap={
    '工业资源库': {key:'industryResources',icon:<MenuIcon/>},
    '工业知识库': {key:'industryKnowledge',icon:<IndustryKnowledgeIcon/>},
    '工业软件': {key:'industrySoftware',icon:<IndustrySoftwareIcon/>},
    '工业标准库': {key:'industryStandards',icon:<IndustryStandardsIcon/>}
};
function MenuLeft(props)  {

    const { t } = useTranslation();
    const navigate = useNavigate();

    const { setMenuInfo,setMenuList,setMenuKey,setCurrentUser,currentUser } = useMenu();
    const [showCreateModal, setShowCreateModal] = useState(false);
    const [popoverVisible, setPopoverVisible] = useState(false);

    const [dynamicMenu,setDynamicMenu] =useState([]);
    const [menuItems,setMenuItems]=useState([{
        key:'dynamic',
        icon:<MenuIcon/>,
        label:t('menu.industryResources'),
        title:t('menu.industryResources')
    }]);
    const [selectedKeys,setSelectedKeys]=useState('');
    const dynamicNavigatePaths=useRef({});
    const dynamicMenuInfo=useRef(new Map());

    const [equityValue,setEquityValue]=useState('');
    const [equityError,setEquityError]=useState('');
    const [equitySuccess,setEquitySuccess]=useState(false);

    useEffect(()=>{

        getCurrentUser().then(currentUser => {

            if (!currentUser){

                return;
            }

            setCurrentUser(currentUser)

        });
        // getDynamicMenu()

    },[])
    function menuSelect(e){

        menuChange(e.key,dynamicMenuInfo.current.get(e.key))
    }
    function getDynamicMenu(){
        axios.get(globalInitConfig.REACT_APP_API_BASE_URL + 'mgr/industryResources/findIndustryBase').then(res=>{
            if(res.data.code === 200){
                const menuChildren=[];
                const menu=res.data.data.map(item=>{
                    const key= dynamicMenuMap[item.name].key;
                    const icon=dynamicMenuMap[item.name].icon
                    dynamicNavigatePaths.current[key]='/'+key;
                    const name = t(`menu.${key}`);
                    const menuItem={
                        key,
                        label: name,
                        title: name,
                        icon
                    };
                    dynamicMenuInfo.current.set(key,item);
                    menuChildren.push(menuItem);
                    if(key===props.menu){
                        setMenuInfo(item);
                        setSelectedKeys(key)
                    }
                    return '/'+key
                });
                setMenuList(menu);
                menuItems[0].children=menuChildren;
                setMenuItems([...menuItems]);
                setDynamicMenu(res.data.data);
            }
        })
    }
    function specialMenuChange(key){
        axios.get(`${globalInitConfig.REACT_APP_API_BASE_URL}mgr/agent/agent/isUserCreateAgentCount`).then(res=>{
            if(res.data.code === 200){
                if(key === "add0"){
                    setPopoverVisible(false);
                    setShowCreateModal(true);
                    return;
                }
                if(key === "add1"){
                    window.open(`/agent`);
                    return;
                }
                if(key === "add2"){
                    Message.warning("敬请期待");
                    // window.open(`/small_model`);
                    return;
                }
            }else{
                Message.warning(res.data.message);
            }
        })

    }
    function menuChange(key,info){

        if(key === "heroInvitation"){
            window.open(`${globalInitConfig.REACT_APP_API_OPERATION_URL}demandHall`);
            return;
        }

        setMenuKey(key);
        setSelectedKeys([]);

        if(key === "index"){
            navigate('/index')
            return;
        }
        if(key === "myWaxberry"){
            navigate("/myWaxberry")
            return;
        }
        if(key === "waxberryMarket"){
            navigate("/waxberryMarket")
            return;
        }
        if(key === "industrialPromptWords"){
            navigate(`/industrialPromptWords`);
            return;
        }
        if(key === "mcp"){
            navigate(`/mcp`);
            return;
        }
        if(dynamicNavigatePaths.current[key]){
            setSelectedKeys([key]);
            setMenuInfo(info);
            navigate(dynamicNavigatePaths.current[key])
        }
    }

    function hideCreateModal(){

        setShowCreateModal(false)
    }

    const handleVisibleChange = (newVisible) => {

        setPopoverVisible(newVisible)
    };
    const showPopoverView=()=>{
        if(props.togglePopover.current&&!props.togglePopover.current.isClick){
            props.togglePopover.current.click()
            props.togglePopover.current.isClick=true
        }else   props.togglePopover.current.isClick=false

    }
    const  menuClick = ({ key }) => {
        if (key === "userInfo") {
            window.open(`/personal_data`, "_self");
            return;
        }
        if (key === "myWaxberry") {
            setMenuKey(key);
            navigate('/myWaxberry');
            return;
        }
        if(key === "approval"){
            window.open("/approval");
            return;
        }
        if (key === "logout") {
            authService.logout();
        }
    };

    const equityOk = () => {
        if(!validateCode(equityValue)){
            setEquityError(t('menu.redemptionCodeErr'));
            return;
        }
        axios.post(`${globalInitConfig.REACT_APP_API_BASE_URL}mgr/redemptionCode/activationRedemptionCode`,{code: equityValue}).then(res=>{
            if(res.data.code === 200){
                setEquityValue('');
                setEquityError('');
                setEquitySuccess(true);
                setTimeout(()=>{
                    setEquitySuccess(false);
                },3000)
            }else{
                setEquityError(res.data.message);
            }
        })

    };

    /**
     * 验证带校验位的编码
     * @param {string} code - 需要验证的完整编码字符串
     * @returns {boolean} - 验证结果
     */
    function validateCode(code) {
        if (code == null || code.length !== 12) {
            return false;
        }

        const prefix = code.substring(0, 2);
        if (prefix !== "YM") { // 检查前缀是否为 "YM"
            return false;
        }

        const number = code.substring(2, 11); // 提取数字部分（去掉前缀和校验位）
        const checkDigit = parseInt(code.substring(11), 10);

        return calculateLuhnCheckDigit(number) === checkDigit;
    }

    function calculateLuhnCheckDigit(number) {
        let sum = 0;
        let alternate = false;

        for (let i = number.length - 1; i >= 0; i--) {
            let n = parseInt(number.substring(i, i + 1), 10);
            if (alternate) {
                n *= 2;
                if (n > 9) {
                    n = (n % 10) + 1;
                }
            }
            sum += n;
            alternate = !alternate;
        }

        return (10 - (sum % 10)) % 10;
    }

    const { menu, type, fileId } = props;

    const label1 = t('menu.appLabel');
    const label2 = t('menu.agentLabel');
    const label3 = t('menu.smallModelLabel');
    const label4 = t('menu.largeModelLabel');

    const content = (
        <div className="systemBox">
            <div className="menu" onClick={()=>toggleTheme()}>
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_122_35370"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_122_35370)"><g><path d="M14.5948,8C14.5948,11.6422,11.6422,14.5948,8,14.5948C4.35779,14.5948,1.4052,11.6422,1.4052,8C1.4052,4.35779,4.35779,1.4052,8,1.4052C11.6422,1.4052,14.5948,4.35779,14.5948,8ZM8,0C3.58172,0,0,3.58172,0,8C0,12.4183,3.58172,16,8,16C12.4183,16,16,12.4183,16,8C16,3.58172,12.4183,0,8,0ZM8,2.014L8,13.9856C11.2868,13.9587,13.937,11.2867,13.937,7.9998C13.937,4.71292,11.2868,2.04088,8,2.014Z" fill="currentColor"/></g></g></svg>
                {theme === "dark" ? t('menu.switchLightMode') : t('menu.switchDarkMode') }
            </div>
            <div className="menu" onClick={()=>toggleLanguage()}>
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_122_35469"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_122_35469)"><g><path d="M13.925,14.82498779296875L13.4,13.32498779296875L10.925,13.32498779296875L10.4,14.82498779296875L8.825,14.82498779296875L11.225,8.52498779296875L13.025,8.52498779296875L15.425,14.82498779296875L13.925,14.82498779296875ZM12.2,9.87498779296875L11.3,12.19998779296875L13.1,12.19998779296875L12.2,9.87498779296875ZM8.225,12.19998779296875L8.9,10.62498779296875C8.675,10.47498779296875,8.45,10.32498779296875,8.3,10.17498779296875C9.425,8.89998779296875,10.325,7.32498779296875,11,5.44998779296875L13.025,5.44998779296875L13.025,3.94998779296875L7.325,3.94998779296875L8.45,3.57498779296875C8.3,3.04998779296875,7.925,2.22498779296875,7.55,1.54998779296875L5.9,2.07498779296875C6.2,2.67498779296875,6.5,3.42498779296875,6.65,3.94998779296875L1.1,3.94998779296875L1.1,5.44998779296875L3.2,5.44998779296875C3.875,7.32498779296875,4.85,8.89998779296875,5.975,10.17498779296875C4.625,11.22498779296875,2.9,11.97498779296875,0.875,12.49998779296875C1.175,12.87498779296875,1.625,13.62498779296875,1.85,13.99998779296875C3.95,13.39998779296875,5.75,12.49998779296875,7.175,11.29998779296875C7.475,11.59998779296875,7.85,11.89998779296875,8.225,12.19998779296875ZM4.775,5.44998779296875L9.275,5.44998779296875C8.75,6.87498779296875,8,8.07498779296875,7.1,9.12498779296875C6.125,8.07498779296875,5.3,6.87498779296875,4.775,5.44998779296875Z" fill="currentColor"/></g></g></svg>
                {language === "zh" ? t('menu.english') : t('menu.chinese')}
            </div>
        </div>
    );
    const userContent=(
        <div className="systemBox">
            <div className="menu" onClick={()=>menuClick({key: 'userInfo',})}>
                <UserInfoIcon/>
                {t('header.personalInformation')}
            </div>
            <div className="menu" onClick={()=>menuClick({key: 'myWaxberry',})}>
                <FunctionIcon/>
                {t('menu.myWaxberry')}
            </div>
            {currentUser.userRole === "ADMIN" && <div className="menu" onClick={()=>menuClick({key: 'approval',})}>
                <ApprovalIcon/>
                {t('menu.approval')}
            </div>}
            <div className="menu" onClick={()=>menuClick({key: 'logout',})}>
                <LoginOutIcon/>
                {t('header.logOut')}
            </div>
        </div>
    )

    const createContent = (
        <div className="createBox">
            <span className="createBoxTitle">{t('new')}</span>
            <div className="modelList">
                <div className="model" onClick={()=>specialMenuChange("add0")}>
                    <img src={AppPng} width={80} height={80}/>
                    <div className="model-right">
                        <div className="model-right-title">
                            <span className="label">{t('menu.app')}</span>
                            <div className="model-type">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14" height="14" viewBox="0 0 14 14"><defs><clipPath id="master_svg0_228_42520"><rect x="0" y="0" width="14" height="14" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_228_42520)"><g><path d="M5.42795375,6.7450584375L2.36232175,6.7450584375C1.88183575,6.7450584375,1.49609375,6.3593184375,1.49609375,5.8788284375L1.49609375,2.8131984375C1.49609375,2.3394754375,1.8886037500000001,1.9469654375,2.36232175,1.9469654375L5.42795375,1.9469654375C5.90844375,1.9469654375,6.29418375,2.3327074375,6.29418375,2.8131984375L6.29418375,5.8788284375C6.29418375,6.3593184375,5.90844375,6.7450584375,5.42795375,6.7450584375ZM5.42795375,12.5040984375L2.36232175,12.5040984375C1.88183575,12.5040984375,1.49609375,12.1183984375,1.49609375,11.6378984375L1.49609375,8.5722584375C1.49609375,8.0917684375,1.88183575,7.7060284375,2.36232175,7.7060284375L5.42795375,7.7060284375C5.90844375,7.7060284375,6.29418375,8.0917684375,6.29418375,8.5722584375L6.29418375,11.6378984375C6.29418375,12.1115984375,5.90844375,12.5040984375,5.42795375,12.5040984375ZM11.18701375,12.5040984375L8.12138375,12.5040984375C7.64089375,12.5040984375,7.25515375,12.1183984375,7.25515375,11.6378984375L7.25515375,8.5722584375C7.25515375,8.0917684375,7.64089375,7.7060284375,8.12138375,7.7060284375L11.18701375,7.7060284375C11.66749375,7.7060284375,12.05329375,8.0917684375,12.05329375,8.5722584375L12.05329375,11.6378984375C12.05329375,12.1115984375,11.66069375,12.5040984375,11.18701375,12.5040984375ZM12.26299375,3.7403284375L10.25988375,1.7371764375C9.92151375,1.3988059375,9.37335375,1.3988059375,9.03498375,1.7371764375L7.03183375,3.7403284375C6.69346375,4.0786984375,6.69346375,4.6268584375,7.03183375,4.9652284375L9.03498375,6.9683784375C9.37335375,7.3067484375,9.92151375,7.3067484375,10.25988375,6.9683784375L12.26299375,4.9652284375C12.60139375,4.6200884375,12.60139375,4.0719284375,12.26299375,3.7403284375ZM9.82677375,6.0412484375C9.73202375,6.1359884375,9.56960375,6.1359884375,9.47486375,6.0412484375L7.95896375,4.5253484375C7.86422375,4.4306084375,7.86422375,4.2681884375,7.95896375,4.1734384375L9.47486375,2.6575384375C9.56960375,2.5627984374999997,9.73202375,2.5627984374999997,9.82677375,2.6575384375L11.34266375,4.1734384375C11.43741375,4.2681884375,11.43741375,4.4306084375,11.34266375,4.5253484375L9.82677375,6.0412484375Z" fill="currentColor"/></g></g></svg>
                                <span className="model-type-name">{t('app')}</span>
                            </div>
                        </div>
                        <span className="desc" title={label1}>{label1}</span>
                    </div>
                </div>
                <div className="model" onClick={()=>specialMenuChange("add1")}>
                    <img src={AgentPng} width={80} height={80}/>
                    <div className="model-right">
                        <div className="model-right-title">
                            <span className="label">{t('menu.agent')}</span>
                            <div className="model-type">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14" height="14" viewBox="0 0 14 14"><defs><clipPath id="master_svg0_228_40372"><rect x="0" y="0" width="14" height="14" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_228_40372)"><g><path d="M8.84917,5.93081L9.52331,7.72197C9.61961,8.00479,9.81222,8.19334,10.101130000000001,8.28761L11.93092,8.94751C12.17168,9.04178,12.31614,9.3246,12.21984,9.56028C12.17168,9.70168,12.07538,9.79596,11.93092,9.84309L10.101130000000001,10.50299C9.81222,10.59727,9.61961,10.78581,9.52331,11.0686L8.84917,12.8127C8.75287,13.0483,8.46396,13.1897,8.223189999999999,13.0955C8.07874,13.0483,7.98243,12.9541,7.93428,12.8127L7.26015,11.0215C7.16384,10.73868,6.97123,10.55013,6.68232,10.45586L4.90069,9.79596C4.65992,9.70168,4.5154700000000005,9.41887,4.61177,9.18319C4.65992,9.04178,4.75623,8.94751,4.90069,8.90037L6.73047,8.24047C7.01939,8.1462,7.212,7.95765,7.3083,7.67484L7.98243,5.88367C8.07874,5.64799,8.367650000000001,5.50658,8.60841,5.60086C8.70472,5.69513,8.801020000000001,5.7894,8.84917,5.93081ZM5.14145,1.122942L5.52667,2.1128C5.57482,2.2542,5.71927,2.39561,5.86373,2.44275L6.87493,2.81984C7.01939,2.8669700000000002,7.11569,3.00838,7.06754,3.14979C7.01939,3.24406,6.97123,3.2912,6.87493,3.33833L5.815580000000001,3.66828C5.67112,3.71542,5.52666,3.85683,5.47851,3.99823L5.09329,4.98809C5.04514,5.1295,4.9006799999999995,5.22377,4.75623,5.17663C4.65992,5.1295,4.61177,5.08236,4.56362,4.98809L4.1784,3.99823C4.13025,3.85683,3.9857899999999997,3.71542,3.84133,3.66828L2.830135,3.29119C2.6856783,3.24406,2.5893733,3.10265,2.6375262,2.96124C2.6856783,2.8669700000000002,2.733831,2.81984,2.830135,2.7727L3.84133,2.39561C3.9857899999999997,2.34848,4.13025,2.20707,4.1784,2.0656600000000003L4.56362,1.075805C4.61177,0.9343975,4.75623,0.8401253,4.9006799999999995,0.8872618C5.04514,0.981534,5.09329,1.02867,5.14145,1.122942Z" fill="currentColor"/></g></g></svg>
                                <span className="model-type-name">{t('agent')}</span>
                            </div>
                        </div>
                        <span className="desc" title={label2}>{label2}</span>
                    </div>
                </div>
                <div className="model" onClick={()=>specialMenuChange("add2")}>
                    <img src={SmallModelPng} width={80} height={80}/>
                    <div className="model-right">
                        <div className="model-right-title">
                            <span className="label">{t('menu.smallModel')}</span>
                            <div className="model-type">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14" height="14" viewBox="0 0 14 14"><defs><clipPath id="master_svg0_228_41378"><rect x="0" y="0" width="14" height="14" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_228_41378)"><g><path d="M6.290859375,13.74637578125C6.485159375,13.85867578125,6.705179375,13.91897578125,6.929609375,13.92137578125C7.154039375,13.91897578125,7.374059375,13.85867578125,7.568359375,13.74637578125L12.485909375,10.93757578125C12.879909375,10.71007578125,13.123209375,10.29007578125,13.124609375,9.83507578125L13.124609375,4.20882578125C13.114409375,3.74460578125,12.853109375,3.32248578125,12.442109375,3.10632578125L7.568359375,0.28882878125C7.173099375,0.06062488125,6.686119375,0.06062488125,6.290859375,0.28882878125L1.425859375,3.10632578125C1.031787375,3.33384578125,0.788480965,3.75379578125,0.787109375,4.20882578125L0.787109375,9.83507578125C0.788428635,10.28787578125,1.027702375,10.70657578125,1.417109375,10.93757578125L6.290859375,13.74637578125ZM3.997759375,5.90196578125Q3.845559375,6.05146578125,3.648119375,6.13222578125Q3.450669375,6.21298578125,3.237339375,6.21298578125Q3.184029375,6.21298578125,3.130979375,6.20775578125Q3.077919375,6.20253578125,3.025629375,6.19212578125Q2.973339375,6.18172578125,2.922329375,6.16624578125Q2.871309375,6.15076578125,2.822049375,6.13036578125Q2.772799375,6.10996578125,2.725779375,6.08482578125Q2.6787593750000003,6.05968578125,2.634439375,6.03006578125Q2.590109375,6.00044578125,2.548899375,5.96661578125Q2.507689375,5.93278578125,2.469989375,5.89508578125Q2.432289375,5.85738578125,2.398469375,5.81616578125Q2.364649375,5.77494578125,2.335029375,5.73061578125Q2.305409375,5.68627578125,2.280279375,5.63925578125Q2.2551493750000002,5.59222578125,2.234739375,5.54296578125Q2.2143393749999998,5.49370578125,2.198869375,5.44267578125Q2.183389375,5.39165578125,2.1729893750000002,5.33935578125Q2.162589375,5.28705578125,2.157359375,5.23399578125Q2.152139375,5.18093578125,2.152139375,5.12761578125Q2.152139375,5.07428578125,2.157359375,5.02122578125Q2.162589375,4.96816578125,2.1729893750000002,4.91586578125Q2.183389375,4.86356578125,2.198869375,4.81254578125Q2.2143393749999998,4.76151578125,2.234739375,4.71225578125Q2.2551493750000002,4.66299578125,2.280279375,4.61596578125Q2.305409375,4.56894578125,2.335029375,4.52460578125Q2.364649375,4.48027578125,2.398469375,4.43905578125Q2.432289375,4.39783578125,2.469989375,4.36013578125Q2.507689375,4.32243578125,2.548899375,4.28860578125Q2.590109375,4.25477578125,2.634439375,4.22515578125Q2.6787593750000003,4.19553578125,2.725779375,4.17039578125Q2.772799375,4.14526578125,2.822049375,4.12485578125Q2.871309375,4.10444578125,2.922329375,4.088975781249999Q2.973339375,4.07349578125,3.025629375,4.06309578125Q3.077919375,4.05268578125,3.130979375,4.047465781250001Q3.184029375,4.04223578125,3.237339375,4.04223578125Q3.341979375,4.04223578125,3.444679375,4.06222578125Q3.547379375,4.08222578125,3.644369375,4.12147578125Q3.741359375,4.16072578125,3.829069375,4.21778578125Q3.916779375,4.27484578125,3.991969375,4.34760578125Q4.067159375,4.42037578125,4.127069375,4.50617578125Q4.186979375,4.59197578125,4.229389375,4.68763578125Q4.2717993750000005,4.78329578125,4.295159375,4.88530578125Q4.318519375,4.98730578125,4.3219593750000005,5.09189578125L6.932629375,6.09905578125L9.538179375,5.07922578125Q9.542799375,4.97550578125,9.566999375,4.87455578125Q9.591199375,4.77359578125,9.634109375,4.67905578125Q9.677019375,4.58452578125,9.737069375,4.49983578125Q9.797129375,4.41515578125,9.872149375,4.34339578125Q9.947179375,4.27163578125,10.034449375,4.21540578125Q10.121719375,4.15917578125,10.218069375,4.12051578125Q10.314429375,4.08185578125,10.416359375,4.06216578125Q10.518289375,4.042475781249999,10.622109375,4.042475781249999Q10.675409375,4.042475781249999,10.728459375,4.04770578125Q10.781499375,4.05292578125,10.833809375,4.0633257812500005Q10.886109375,4.073725781249999,10.937109375,4.08919578125Q10.988109375,4.10467578125,11.037309375,4.12507578125Q11.086609375,4.14546578125,11.133609375,4.17059578125Q11.180609375,4.19572578125,11.224909375,4.22533578125Q11.269209375,4.25494578125,11.310409375,4.28876578125Q11.351609375,4.32257578125,11.389309375,4.36026578125Q11.427009375,4.39795578125,11.460809375,4.43916578125Q11.494609375,4.48036578125,11.524209375,4.52468578125Q11.553909375,4.56900578125,11.579009375,4.61601578125Q11.604109375,4.66302578125,11.624509375,4.71226578125Q11.644909375,4.76151578125,11.660409375,4.81252578125Q11.675909375,4.86352578125,11.686309375,4.91580578125Q11.696709375,4.96808578125,11.701909375,5.02113578125Q11.707109375,5.07417578125,11.707109375,5.12747578125Q11.707109375,5.18078578125,11.701909375,5.23382578125Q11.696709375,5.28687578125,11.686309375,5.33915578125Q11.675909375,5.39143578125,11.660409375,5.44243578125Q11.644909375,5.49344578125,11.624509375,5.54269578125Q11.604109375,5.59193578125,11.579009375,5.63894578125Q11.553909375,5.68595578125,11.524209375,5.73027578125Q11.494609375,5.77459578125,11.460809375,5.81579578125Q11.427009375,5.85699578125,11.389309375,5.89469578125Q11.351609375,5.93238578125,11.310409375,5.96619578125Q11.269209375,6.00001578125,11.224909375,6.02962578125Q11.180609375,6.05923578125,11.133609375,6.08436578125Q11.086609375,6.10949578125,11.037309375,6.12988578125Q10.988109375,6.15028578125,10.937109375,6.16575578125Q10.886109375,6.18123578125,10.833809375,6.19163578125Q10.781499375,6.20203578125,10.728459375,6.20725578125Q10.675409375,6.21247578125,10.622109375,6.21247578125Q10.402589375,6.21247578125,10.200329375,6.12714578125Q9.998079375,6.04180578125,9.844899375,5.88455578125L7.306639375,6.90472578125L7.306639375,10.25997578125Q7.388869375,10.28577578125,7.466019375,10.32417578125Q7.543159375,10.36257578125,7.613279375,10.41267578125Q7.683399375,10.46277578125,7.744739375,10.52327578125Q7.806079375,10.58377578125,7.857099375,10.65327578125Q7.908129375,10.72267578125,7.947559375,10.79937578125Q7.986989375,10.87597578125,8.013839375,10.95787578125Q8.040689375,11.03977578125,8.054279375,11.12487578125Q8.067879375,11.20997578125,8.067879375,11.29617578125Q8.067879375,11.34957578125,8.062649375,11.40257578125Q8.057419375,11.45567578125,8.047019375,11.50797578125Q8.036619375,11.56037578125,8.021139375,11.61137578125Q8.005659375,11.66237578125,7.985249375,11.71167578125Q7.964849375,11.76097578125,7.939709375,11.80797578125Q7.914569375,11.85507578125,7.884949375,11.89937578125Q7.855329375,11.94377578125,7.821499375,11.98497578125Q7.787669375,12.02617578125,7.749959375,12.06397578125Q7.712259375,12.10167578125,7.671039375,12.13547578125Q7.629819375,12.16937578125,7.585479375,12.19897578125Q7.541149375,12.22857578125,7.494119375,12.25377578125Q7.447089375,12.27887578125,7.397829375,12.29927578125Q7.348569375,12.31967578125,7.297539375,12.33517578125Q7.246509375,12.35067578125,7.194209375,12.36107578125Q7.141919375,12.37147578125,7.088849375,12.37667578125Q7.035779375,12.38197578125,6.982459375,12.38197578125Q6.929139375,12.38197578125,6.876069375,12.37667578125Q6.823009375,12.37147578125,6.770709375,12.36107578125Q6.718409375,12.35067578125,6.667379375,12.33517578125Q6.616359375,12.31967578125,6.567089375,12.29927578125Q6.517829375,12.27887578125,6.470799375,12.25377578125Q6.423769375,12.22857578125,6.379439375,12.19897578125Q6.335099375,12.16937578125,6.293879375,12.13547578125Q6.252659375,12.10167578125,6.214959375,12.06397578125Q6.177249375,12.02617578125,6.143429375,11.98497578125Q6.109599375,11.94377578125,6.079969375,11.89937578125Q6.050349375,11.85507578125,6.025209375,11.80797578125Q6.000079375,11.76097578125,5.979669375,11.71167578125Q5.959259375,11.66237578125,5.943789375,11.61137578125Q5.928309375,11.56037578125,5.917899375,11.50797578125Q5.907499375,11.45567578125,5.902269375,11.40257578125Q5.897049375,11.34957578125,5.897049375,11.29617578125Q5.897049375,11.15447578125,5.933429375,11.01747578125Q5.969809375,10.88047578125,6.040129375,10.75737578125Q6.110449375,10.63437578125,6.209989375,10.53347578125Q6.309539375,10.43257578125,6.431639375,10.36067578125L6.431639375,6.89652578125L3.997759375,5.90196578125Z" fillRule="evenodd" fill="currentColor"/></g></g></svg>
                                <span className="model-type-name">{t('smallModel')}</span>
                            </div>
                        </div>
                        <span className="desc" title={label3}>{label3}</span>
                    </div>
                </div>
                {/*<div className="model">*/}
                {/*<img src={LargeModelPng} width={80} height={80}/>*/}
                {/*<div className="model-right">*/}
                {/*<div className="model-right-title">*/}
                {/*<span className="label">工业垂直领域大模型</span>*/}
                {/*<div className="model-type">*/}
                {/*<svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14" height="14" viewBox="0 0 14 14"><defs><clipPath id="master_svg0_228_42324"><rect x="0" y="0" width="14" height="14" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_228_42324)"><g><path d="M7.7,12.07492734375L11.6375,9.79989734375C11.8125,9.71240734375,11.9,9.53739734375,11.9,9.36239734375L11.9,4.81239734375L7.9625,7.08740734375C7.875,7.17490734375,7.7875,7.17490734375,7.7,7.17490734375L7.7,12.07492734375ZM12.1625,3.41240734375C12.6,3.67490734375,12.8625,4.11240734375,12.8625,4.54990734375L12.8625,9.36239734375C12.8625,9.88740734375,12.6,10.32490734375,12.1625,10.49990734375L7.9625,12.86242734375C7.525,13.12492734375,7,13.12492734375,6.65,12.86242734375L2.45,10.49990734375C2.0125,10.23739734375,1.75,9.79989734375,1.75,9.36239734375L1.75,4.54990734375C1.75,4.02490734375,2.0125,3.58740734375,2.45,3.41240734375L6.65,1.04990234375C7.0875,0.78740234375,7.6125,0.78740234375,7.9625,1.04990234375L12.1625,3.41240734375Z" fill="currentColor"/></g></g></svg>*/}
                {/*<span className="model-type-name">大模型</span>*/}
                {/*</div>*/}
                {/*</div>*/}
                {/*<span className="desc" title={label4}>{label4}</span>*/}
                {/*</div>*/}
                {/*</div>*/}
            </div>
        </div>
    );

    const equityExchangeContent = equitySuccess ?  (
        <div className="equity-exchange-Success">
            <img src={EquitySuccess}/>
            <div className="info">
                <span className="label">{t('menu.redemptionSuccess')}</span>
                <span className="desc">{t('menu.successRedeemedOneNadou')}</span>
            </div>
        </div>
    ) : (
        <div className="equity-exchange-content">
            <div className="equity-title">
                <svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_760_034500/721_87487"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_760_034500/721_87487)"><g><path d="M9.61905,2.190065C10.17602,2.586615,10.7381,3.02916,11.30528,3.51871C11.84385,3.5616399999999997,12.3651,3.6188700000000003,12.8709,3.69246L13.387,3.77218C13.811,3.8433,14.1451,4.17213,14.223,4.5949100000000005C14.3477,5.27355,14.4417,5.98693,14.503,6.73403C14.8586,7.15,15.1918,7.56495,15.5014,7.97887L15.8101,8.400970000000001C16.0595,8.75075,16.0636,9.21918,15.8203,9.57325C15.4103,10.16542,14.971,10.73677,14.504,11.28516C14.4417,12.0343,14.3487,12.7477,14.223,13.4273C14.1451,13.8501,13.811,14.179,13.387,14.2501C12.7166,14.3625,12.0155,14.4473,11.28484,14.5056C10.85358,14.8705,10.42333,15.2087,9.99513,15.5215L9.57408,15.8199C9.21982,16.0637,8.75085,16.0596,8.40088,15.8097C7.83213,15.403,7.28145,14.9717,6.75041,14.5168C6.1822,14.476,5.636480000000001,14.4167,5.11221,14.341L4.61758,14.2644C4.1701999999999995,14.1891,3.8260199999999998,13.8278,3.7724200000000003,13.3773C3.6913400000000003,12.7017,3.61979,12.0251,3.55781,11.3475C3.18404,10.91926,2.826118,10.47744,2.484757,10.02294L2.190433,9.61924C1.9262953,9.24952,1.9379545,8.74979,2.219048,8.392800000000001C2.7055,7.77753,3.1490299999999998,7.2287,3.55168,6.74834C3.59767,6.2271,3.65592,5.65272,3.7274599999999998,5.02417L3.7724200000000003,4.64499C3.8260199999999998,4.19445,4.1701999999999995,3.83318,4.61758,3.75787C5.34277,3.6378500000000003,6.07329,3.55258,6.80662,3.50236C7.19292,3.18042,7.62214,2.8308809999999998,8.09429,2.455794L8.39372,2.218682C8.75049,1.9380756,9.24957,1.9264199,9.61905,2.190065ZM11.16527,7.11627L8.46117,9.8216L6.77903,8.13831L6.05548,8.86191L8.46117,11.26676L11.88882,7.83988L11.16527,7.11627Z" fill="currentColor"/></g></g></svg>
                <span>{t('menu.equityExchange')}</span>
            </div>
            <div className="equity-data">
                <span className="equity-label">{t('menu.redemptionCode')}</span>
                <input type="text" value={equityValue} onChange={e=>setEquityValue(e.target.value)}/>
                <span className="error">{equityError}</span>
            </div>
            <span className="btn" onClick={equityOk}>{t('menu.confirmRedemption')}</span>
            <span className="desc">{t('menu.finalInterpretationRight')}</span>
        </div>
    );

    const helpContent = (
        <div className="help-content">
            <img src={weComPng} width={120} height={120}/>
            <span>{t('menu.scanQrForSupport')}</span>
            <span>{t('menu.contactEmail')}: info@localhost</span>
            <span>{t('menu.userManual')}: <a href={window.location.origin+"/docs/help.pdf"} target="_blank">{window.location.origin+"/docs/help.pdf"}</a></span>
        </div>
    );


    return (
        <>
            {type ?
                <div className="app-menu-small">
                    <div className="menu waxberry" onClick={showPopoverView}><img src={fileId ? `${globalInitConfig.REACT_APP_API_FS_URL}file/download/${fileId}` : CodeSvg} width="28" height="28"/></div>
                    <Popover
                        content={createContent}
                        arrow={false}
                        placement="bottom"
                        trigger="click"
                        open={popoverVisible}
                        overlayClassName="createPopover"
                        onOpenChange={handleVisibleChange}
                    >
                        <Tooltip title={t('menu.createNewWaxberry')} placement="right">
                            <PlusOutlined className="menu"/>
                        </Tooltip>
                    </Popover>
                    <Tooltip title={t('menu.home')} placement="right" onClick={()=>menuChange("index")}>
                        <div className="menu">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_65_53746/65_53529"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_65_53746/65_53529)"><g><path d="M16.153665625000002,8.704120986328125C16.337065625,8.291320986328124,16.222565625,7.809690986328125,15.871865625,7.518430986328125L11.521175625,3.793530986328125L11.258305625,3.564680986328125C10.616735625,2.997986986328125,9.886055625,2.355010986328125,8.999445625,2.355010986328125C8.113945625,2.355010986328125,7.384375625,2.997986986328125,6.741695625,3.564680986328125L6.478825625,3.793530986328125L2.128169625,7.518430986328125C1.777401425,7.809690986328125,1.662933425,8.291320986328124,1.846367925,8.704120986328125C1.977800625,9.001640986328125,2.247350625,9.233760986328125,2.590412625,9.318770986328126C2.744122625,9.358000986328125,2.820975625,9.376520986328124,2.852165625,9.416850986328125C2.883355625,9.454990986328125,2.883355625,9.518200986328125,2.884465625,9.643520986328124L2.891145625,11.719570986328126C2.891145625,12.697110986328125,2.891145625,13.489410986328124,2.983595625,14.114910986328125C3.081615625,14.768810986328125,3.2899056250000003,15.317010986328125,3.766625625,15.747410986328125C4.237785625,16.172410986328124,4.824775625,16.354410986328126,5.526495625,16.439410986328127C6.209275625,16.522310986328122,7.079185625,16.522310986328122,8.168515625000001,16.522310986328122L9.831485625,16.522310986328122C10.920815625,16.522310986328122,11.790765625,16.522310986328122,12.472365625,16.439410986328127C13.174065625,16.354410986328126,13.762265625,16.172410986328124,14.232265625,15.747410986328125C14.708965625,15.317010986328125,14.918365625,14.768810986328125,15.016365625,14.114910986328125C15.108865625,13.489410986328124,15.108865625,12.697110986328125,15.108865625,11.719570986328126L15.115565625,9.643520986328124C15.115565625,9.518200986328125,15.115565625,9.454990986328125,15.147865625,9.415760986328124C15.179065625,9.376520986328124,15.255865625,9.358000986328125,15.409565625,9.318770986328126C15.741665625,9.237930986328125,16.016565625,9.010860986328126,16.153665625000002,8.704120986328125ZM9.000555625,11.436230986328125L9.007235625,11.436230986328125C9.519975625,11.436230986328125,9.935625625,11.842900986328125,9.935625625,12.344570986328126C9.935625625,12.846210986328124,9.519975625,13.252910986328125,9.007235625,13.252910986328125L9.000555625,13.252910986328125C8.487825625,13.252910986328125,8.072175625,12.846210986328124,8.072175625,12.344570986328126C8.072175625,11.842900986328125,8.487825625,11.436230986328125,9.000555625,11.436230986328125Z" fill="currentColor" /></g></g></svg>
                        </div>
                    </Tooltip>
                    <Tooltip title={t('menu.myWaxberry')} placement="right" onClick={()=>menuChange("myWaxberry")}>
                        <div className="menu">
                            <svg   version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_280_29827/385_87043"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_280_29827/385_87043)"><g><path d="M7.0797740625,6.5006748828125Q7.5463840625,3.6750148828125,9.0331040625,1.7870708828125Q9.4039640625,1.2124218828125,9.8753440625,1.0481758828125Q10.0397740625,0.9250584828125,10.2353240625,0.9453853328125Q10.4303740625,0.9659391828125,10.5540840625,1.1301838828125Q10.6774040625,1.2946148828125,10.6461440625,1.4791728828125001Q10.6153140625,1.6639518828125,10.4716440625,1.7870708828125Q10.1224340625,1.8898398828125,9.8753440625,2.2900348828125Q8.5068740625,4.0161748828125,8.0457640625,6.5392548828125C10.7849940625,6.8866348828125,12.9030140625,9.2255048828125,12.9030140625,12.0591048828125C12.9030140625,15.1321048828125,10.4117940625,17.6234048828125,7.3387140625,17.6234048828125C4.2656340625,17.6234048828125,1.7744140625,15.1321048828125,1.7744140625,12.0591048828125C1.7744140625,9.0727748828125,4.1269040624999995,6.6359348828125,7.0797740625,6.5006748828125Z" fill="currentColor" fillRule="evenodd"  fillOpacity="1"/></g><g transform="matrix(0.9404609203338623,-0.33990177512168884,0.33990177512168884,0.9404609203338623,0.4380206931009525,2.8997186351261917)"><path d="M8.55025145,0.199554443359375Q8.05828075,6.425754443359375,12.97370375,10.576454443359374Q12.97396375,2.548024443359375,8.55025145,0.199554443359375Z" fill="currentColor" fillOpacity="1"/></g></g></svg>
                        </div>
                    </Tooltip>
                    <Tooltip title={t('menu.waxberryPlaza')} placement="right" onClick={()=>menuChange("waxberryMarket")}>
                        <div className="menu"><svg xmlns="http://www.w3.org/2000/svg" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_65_3069"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_65_3069)"><g><path d="M14.89149169921875,15.617752075195312L11.29149169921875,15.617752075195312C10.63149069921875,15.617752075195312,10.09149169921875,15.077752075195313,10.09149169921875,14.417752075195313L10.09149169921875,10.817752075195312C10.09149169921875,10.157751075195312,10.63149069921875,9.617752075195312,11.29149169921875,9.617752075195312L14.89149169921875,9.617752075195312C15.55149169921875,9.617752075195312,16.09149169921875,10.157751075195312,16.09149169921875,10.817752075195312L16.09149169921875,14.417752075195313C16.09149169921875,15.077752075195313,15.55149169921875,15.617752075195312,14.89149169921875,15.617752075195312Z" fill="#8575FF" /></g><g><path d="M7.530010986328125,15.617752075195312L3.930010986328125,15.617752075195312C3.270010986328125,15.617752075195312,2.730010718107125,15.077752075195313,2.730010986328125,14.417752075195313L2.730010986328125,10.817752075195312C2.730010986328125,10.157751075195312,3.270010986328125,9.617752075195312,3.930010986328125,9.617752075195312L7.530010986328125,9.617752075195312C8.190010986328126,9.617752075195312,8.730010986328125,10.157751075195312,8.730010986328125,10.817752075195312L8.730010986328125,14.417752075195313C8.730010986328125,15.077752075195313,8.190010986328126,15.617752075195312,7.530010986328125,15.617752075195312Z" fill="#209AFF" /></g><g><path d="M14.89149169921875,8.669998168945312L11.29149169921875,8.669998168945312C10.63149069921875,8.669998168945312,10.09149169921875,8.129998168945313,10.09149169921875,7.469998168945312L10.09149169921875,3.8699981689453127C10.09149169921875,3.2099981689453125,10.63149069921875,2.6699981689453125,11.29149169921875,2.6699981689453125L14.89149169921875,2.6699981689453125C15.55149169921875,2.6699981689453125,16.09149169921875,3.2099981689453125,16.09149169921875,3.8699981689453127L16.09149169921875,7.469998168945312C16.09149169921875,8.129998168945313,15.55149169921875,8.669998168945312,14.89149169921875,8.669998168945312Z" fill="#FF7575" /></g><g><path d="M5.39998193359375,8.670000244140624C4.7699819335937494,8.670000244140624,4.16998193359375,8.460000244140625,3.6299819335937498,8.100000244140624C2.96998193359375,7.620000244140625,2.54998193359375,6.930000244140625,2.42998203359375,6.1500002441406245C2.30998213359375,5.370000244140625,2.48998193359375,4.560000244140625,2.96998193359375,3.9300002441406248C3.44998193359375,3.270000244140625,4.13998193359375,2.850000244140625,4.91998193359375,2.730000344140625C5.69998193359375,2.610000444140625,6.50998193359375,2.790000244140625,7.13998193359375,3.270000244140625C7.79998193359375,3.750000244140625,8.21998193359375,4.440000244140625,8.33998193359375,5.220000244140625C8.609981933593751,6.840000244140625,7.46998193359375,8.400000244140625,5.8499819335937495,8.640000244140625C5.69998193359375,8.670000244140624,5.549981933593751,8.670000244140624,5.39998193359375,8.670000244140624Z" fill="#FF823E" /></g></g></svg></div>
                    </Tooltip>
                    <div className="system">
                        <Popover content={content} arrow={false} placement="right" trigger="click" overlayClassName="systemPopover">
                            <Tooltip title={t('menu.settings')} placement="right" onClick={()=>menuChange("setting")}>
                                <div style={{display:'flex',alignItems:'center',justifyContent:'center',width:'100%'}} >
                                    <svg style={{marginRight:0}} xmlns="http://www.w3.org/2000/svg" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_65_94060/65_94032"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_65_94060/65_94032)"><g><path d="M16.54956953125,7.571410087890625C16.54616953125,7.540510087890625,16.54266953125,7.514750087890625,16.53756953125,7.499300087890625L16.53756953125,7.485570087890625L16.53066953125,7.447790087890625C16.40876953125,6.853720087890625,16.01556953125,6.470840087890625,15.52626953125,6.470840087890625L15.44556953125,6.470840087890625C14.61116953125,6.470840087890625,13.93466953125,5.790930087890625,13.93466953125,4.959920087890625C13.93466953125,4.767620087890625,14.02396953125,4.494620087890625,14.06166953125,4.398470087890625C14.29866953125,3.845610087890625,14.04626953125,3.215490087890625,13.46076953125,2.8944200878906248L11.61846953125,1.852225087890625L11.58416953125,1.840206787890625C11.44676953125,1.795565887890625,11.28709953125,1.742340218884625,11.10853953125,1.742340218884625C10.77544953125,1.742340218884625,10.40114953125,1.896866087890625,10.16935953125,2.128656087890625C9.87918953125,2.415388087890625,9.29027953125,2.8429100878906253,8.94001953125,2.8429100878906253C8.59147953125,2.8429100878906253,8.00083953125,2.417105087890625,7.71067953125,2.128656087890625C7.46342953125,1.884848087890625,7.12175953125,1.742340087890625,6.77149953125,1.742340087890625C6.58777953125,1.742340087890625,6.43325953125,1.793848887890625,6.29589953125,1.840206687890625L6.26499953125,1.852225087890625L4.33341953125,2.897850087890625L4.32139953125,2.9047200878906247C3.85266953125,3.1983200878906253,3.66208953125,3.871370087890625,3.90073953125,4.405340087890625L3.90417953125,4.4122100878906245L3.90760953125,4.419080087890626C3.94538953125,4.503210087890626,4.062139531250001,4.788220087890625,4.062139531250001,5.037180087890626C4.062139531250001,5.871620087890625,3.38221953125,6.548110087890625,2.55121953125,6.548110087890625L2.47051953125,6.548110087890625C1.9588645312500002,6.548110087890625,1.57598253125,6.925840087890625,1.46609753125,7.531920087890625L1.45922953125,7.566260087890625L1.45922953125,7.578280087890625C1.45922953125,7.595450087890625,1.45236153125,7.619490087890625,1.44721053125,7.650390087890625C1.40428753125,7.909660087890625,1.30126953125,8.520890087890624,1.30126953125,9.020530087890625C1.30126953125,9.520160087890625,1.40257053125,10.131400087890626,1.44721053125,10.390660087890625C1.45064453125,10.421560087890626,1.45407853125,10.447320087890626,1.45922953125,10.462770087890625L1.45922953125,10.476510087890626L1.46609753125,10.514280087890626C1.58800153125,11.108350087890624,1.98118453125,11.491230087890624,2.47051953125,11.491230087890624L2.5117295312500003,11.491230087890624C3.34616953125,11.491230087890624,4.02264953125,12.171140087890626,4.02264953125,13.002140087890625C4.02264953125,13.194440087890625,3.93336953125,13.467440087890624,3.89558953125,13.563640087890626C3.66723953125,14.083840087890625,3.88357953125,14.751740087890624,4.38835953125,15.088240087890625L4.40209953125,15.095140087890625L6.22206953125,16.108140087890625L6.25640953125,16.120140087890626C6.39376953125,16.164840087890624,6.55000953125,16.218040087890625,6.72857953125,16.218040087890625C7.10973953125,16.218040087890625,7.45312953125,16.072040087890628,7.66774953125,15.831740087890624C7.68835953125,15.816240087890625,7.70895953125,15.795640087890625,7.73299953125,15.775040087890625C7.95276953125,15.582740087890626,8.54339953125,15.074540087890625,8.933149531249999,15.074540087890625C9.223319531249999,15.074540087890625,9.70921953125,15.378440087890626,10.19854953125,15.867740087890626C10.44578953125,16.111540087890624,10.78745953125,16.254040087890623,11.13771953125,16.254040087890623C11.37466953125,16.254040087890623,11.54976953125,16.188840087890625,11.74896953125,16.090940087890623L11.75586953125,16.087540087890623L13.62216953125,15.055640087890625L13.62906953125,15.048740087890625C14.09776953125,14.755140087890625,14.28836953125,14.082140087890625,14.04966953125,13.548140087890625L14.04626953125,13.541240087890625L14.04276953125,13.534440087890625C14.03936953125,13.532740087890625,13.89346953125,13.228840087890624,13.92086953125,12.955840087890625L13.92436953125,12.938640087890626L13.92436953125,12.921440087890625C13.92436953125,12.087040087890625,14.60426953125,11.410530087890624,15.43526953125,11.410530087890624L15.52116953125,11.410530087890624C16.03276953125,11.410530087890624,16.41566953125,11.032800087890624,16.52556953125,10.426720087890626L16.532369531249998,10.392380087890626L16.532369531249998,10.380360087890624C16.53586953125,10.366620087890626,16.53926953125,10.346020087890626,16.54446953125,10.318550087890625C16.58906953125,10.066160087890625,16.69206953125,9.477240087890625,16.69206953125,8.938110087890625C16.695469531249998,8.440200087890625,16.59416953125,7.830680087890625,16.54956953125,7.571410087890625ZM8.99495953125,11.389930087890624C7.67461953125,11.389930087890624,6.60495953125,10.320260087890626,6.60495953125,8.999920087890626C6.60495953125,7.679580087890625,7.67461953125,6.609920087890625,8.99495953125,6.609920087890625C10.31529953125,6.609920087890625,11.38496953125,7.679580087890625,11.38496953125,8.999920087890626C11.38496953125,10.320270087890625,10.31529953125,11.389930087890624,8.99495953125,11.389930087890624Z" fill="currentColor" /></g></g></svg>
                                </div>
                            </Tooltip>
                        </Popover>
                        <Tooltip title={t('menu.help')} placement="right" onClick={()=>window.open("/docs/help.pdf")}>
                            <div style={{display:'flex',alignItems:'center',justifyContent:'center',width:'100%'}} >
                                <HelpIcon/>
                            </div>
                        </Tooltip>
                        <Popover content={userContent} arrow={false} placement="right" trigger="click" overlayClassName="systemPopover">
                            <Tooltip title={currentUser.loginname} placement="right" >
                                <div style={{display:'flex',alignItems:'center'}} >
                                    <div className="userIconContainer" >
                                        {currentUser.avatarUrl?<img style={{width:"100%",height:"100%",borderRadius: "50%"}} src={ `${globalInitConfig.REACT_APP_API_FS_URL}file/download/${currentUser.avatarUrl}`} className="img"/>: <UserIcon/>}
                                    </div>
                                </div>
                            </Tooltip>
                        </Popover>

                    </div>
                </div> :
                <div className="app-menu">
                    <div className="logoContainer">
                        <Logo/>
                    </div>

                    <Popover
                        content={createContent}
                        arrow={false}
                        placement="bottom"
                        trigger="click"
                        open={popoverVisible}
                        overlayClassName="createPopover"
                        onOpenChange={handleVisibleChange}
                    >
                        <div className="new">
                            <PlusOutlined/>{t('menu.createNewWaxberry')}
                        </div>
                    </Popover>
                    <div className={menu === "index" ? "menu-active" : "menu"} onClick={()=>menuChange("index")}>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_65_53746/65_53529"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_65_53746/65_53529)"><g><path d="M16.153665625000002,8.704120986328125C16.337065625,8.291320986328124,16.222565625,7.809690986328125,15.871865625,7.518430986328125L11.521175625,3.793530986328125L11.258305625,3.564680986328125C10.616735625,2.997986986328125,9.886055625,2.355010986328125,8.999445625,2.355010986328125C8.113945625,2.355010986328125,7.384375625,2.997986986328125,6.741695625,3.564680986328125L6.478825625,3.793530986328125L2.128169625,7.518430986328125C1.777401425,7.809690986328125,1.662933425,8.291320986328124,1.846367925,8.704120986328125C1.977800625,9.001640986328125,2.247350625,9.233760986328125,2.590412625,9.318770986328126C2.744122625,9.358000986328125,2.820975625,9.376520986328124,2.852165625,9.416850986328125C2.883355625,9.454990986328125,2.883355625,9.518200986328125,2.884465625,9.643520986328124L2.891145625,11.719570986328126C2.891145625,12.697110986328125,2.891145625,13.489410986328124,2.983595625,14.114910986328125C3.081615625,14.768810986328125,3.2899056250000003,15.317010986328125,3.766625625,15.747410986328125C4.237785625,16.172410986328124,4.824775625,16.354410986328126,5.526495625,16.439410986328127C6.209275625,16.522310986328122,7.079185625,16.522310986328122,8.168515625000001,16.522310986328122L9.831485625,16.522310986328122C10.920815625,16.522310986328122,11.790765625,16.522310986328122,12.472365625,16.439410986328127C13.174065625,16.354410986328126,13.762265625,16.172410986328124,14.232265625,15.747410986328125C14.708965625,15.317010986328125,14.918365625,14.768810986328125,15.016365625,14.114910986328125C15.108865625,13.489410986328124,15.108865625,12.697110986328125,15.108865625,11.719570986328126L15.115565625,9.643520986328124C15.115565625,9.518200986328125,15.115565625,9.454990986328125,15.147865625,9.415760986328124C15.179065625,9.376520986328124,15.255865625,9.358000986328125,15.409565625,9.318770986328126C15.741665625,9.237930986328125,16.016565625,9.010860986328126,16.153665625000002,8.704120986328125ZM9.000555625,11.436230986328125L9.007235625,11.436230986328125C9.519975625,11.436230986328125,9.935625625,11.842900986328125,9.935625625,12.344570986328126C9.935625625,12.846210986328124,9.519975625,13.252910986328125,9.007235625,13.252910986328125L9.000555625,13.252910986328125C8.487825625,13.252910986328125,8.072175625,12.846210986328124,8.072175625,12.344570986328126C8.072175625,11.842900986328125,8.487825625,11.436230986328125,9.000555625,11.436230986328125Z" fill="currentColor" /></g></g></svg>
                        {t('menu.home')}
                    </div>
                    <div className={menu === "myWaxberry" ? "menu-active" : "menu"} onClick={()=>menuChange("myWaxberry")}>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none"  version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_280_29827/385_87043"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_280_29827/385_87043)"><g><path d="M7.0797740625,6.5006748828125Q7.5463840625,3.6750148828125,9.0331040625,1.7870708828125Q9.4039640625,1.2124218828125,9.8753440625,1.0481758828125Q10.0397740625,0.9250584828125,10.2353240625,0.9453853328125Q10.4303740625,0.9659391828125,10.5540840625,1.1301838828125Q10.6774040625,1.2946148828125,10.6461440625,1.4791728828125001Q10.6153140625,1.6639518828125,10.4716440625,1.7870708828125Q10.1224340625,1.8898398828125,9.8753440625,2.2900348828125Q8.5068740625,4.0161748828125,8.0457640625,6.5392548828125C10.7849940625,6.8866348828125,12.9030140625,9.2255048828125,12.9030140625,12.0591048828125C12.9030140625,15.1321048828125,10.4117940625,17.6234048828125,7.3387140625,17.6234048828125C4.2656340625,17.6234048828125,1.7744140625,15.1321048828125,1.7744140625,12.0591048828125C1.7744140625,9.0727748828125,4.1269040624999995,6.6359348828125,7.0797740625,6.5006748828125Z" fillRule="evenodd" fill="currentColor"  fillOpacity="1"/></g><g transform="matrix(0.9404609203338623,-0.33990177512168884,0.33990177512168884,0.9404609203338623,0.4380206931009525,2.8997186351261917)"><path d="M8.55025145,0.199554443359375Q8.05828075,6.425754443359375,12.97370375,10.576454443359374Q12.97396375,2.548024443359375,8.55025145,0.199554443359375Z" fill="currentColor" fillOpacity="1"/></g></g></svg>
                        {t('menu.myWaxberry')}
                    </div>
                    <div className={menu === "waxberryMarket" ? "menu-active" : "menu"} onClick={()=>menuChange("waxberryMarket")}>
                        <svg  version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_280_29827/385_77512"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_280_29827/385_77512)"><g><path d="M8.99999875,0.8555145263671875C13.49806875,0.8555145263671875,17.14456875,4.502024526367188,17.14456875,9.000044526367187C17.14456875,13.498114526367187,13.49806875,17.14461452636719,8.99999875,17.14461452636719C4.50197875,17.14461452636719,0.85546875,13.498114526367187,0.85546875,9.000044526367187C0.85546875,4.502024526367188,4.50197875,0.8555145263671875,8.99999875,0.8555145263671875ZM11.84736875,5.110424526367187L7.70501875,6.601684526367188C7.19113875,6.786734526367187,6.78658875,7.191354526367188,6.60163875,7.705264526367188L5.11037875,11.847414526367187C5.00341875,12.144214526367188,5.07757875,12.476214526367187,5.30071875,12.699314526367187C5.52384875,12.922514526367188,5.85578875,12.996614526367187,6.15266875,12.889714526367188L10.29497875,11.398414526367187C10.80885875,11.213314526367187,11.21336875,10.808734526367187,11.39836875,10.294824526367188L12.88966875,6.152714526367188C12.99656875,5.855834526367188,12.92246875,5.5238945263671875,12.69926875,5.300754526367188C12.47616875,5.077624526367187,12.14416875,5.003464526367187,11.84736875,5.110424526367187ZM8.99999875,10.018114526367187C9.56225875,10.018114526367187,10.01806875,9.562304526367187,10.01806875,9.000044526367187C10.01806875,8.437784526367189,9.56225875,7.981984526367188,8.99999875,7.981974526367187C8.437738750000001,7.981984526367188,7.98193875,8.437784526367189,7.98193875,9.000044526367187C7.98193875,9.562304526367187,8.437738750000001,10.018114526367187,8.99999875,10.018114526367187Z" fill="currentColor" /></g></g></svg>
                        {t('menu.waxberryPlaza')}
                    </div>
                    <div className={menu === "heroInvitation" ? "menu-active" : "menu"} onClick={()=>menuChange("heroInvitation")}>
                        <svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_385_086313/760_92966"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_385_086313/760_92966)"><g><path d="M15.2096,4.90968C15.0871,4.66996,14.8008,4.11501,14.5445,3.69697C14.3494,3.38402,14.0905,2.8973,14.0521,2.80678C13.952,2.56251,13.648,2.3323400000000003,13.2257,2.03667C13.1598,1.99027,13.094,1.943872,13.0285,1.894745C12.8148,1.730989,12.5767,1.545399,12.2815,1.589067C11.7798,1.670035,11.3123,2.15175,11.3486,2.8117799999999997C11.3647,3.09062,11.5074,3.35945,11.7595,3.5646C12.0454,3.80205,12.4153,3.92396,12.7266,3.86027L13.0125,3.60873C13.1374,3.83162,13.5775,4.567159999999999,13.5821,4.919230000000001C13.5914,5.43506,13.7569,6.52541,13.7797,6.78469C13.5686,6.72601,13.0851,6.70645,12.8376,6.80197C12.6628,6.86065,12.159,7.12221,12.0251,7.25913L11.8098,7.10492C11.5007,6.88522,11.1987,6.53314,10.9061,6.5477C10.6451,6.55998,9.81448,6.45945,9.67808,6.50357C9.50326,6.34937,9.0835,5.76531,8.94288,5.57471C8.94711,5.56971,8.94964,5.56243,8.95386,5.55743C9.33097,4.985189999999999,9.84151,3.863,9.84151,3.42769C9.84151,2.85818,9.703,1,7.90533,1C6.10766,1,5.96915,2.8559,5.96915,3.42769C5.96915,3.863,6.5709,4.9488,6.94758,5.52331L6.95899,5.54014C6.81836,5.72846,6.28924,6.43762,6.11441,6.59182C5.97844,6.5477,5.39948,6.53269,5.13851,6.52086C4.83869,6.50357,4.4941,6.75558,4.18541,6.97574L3.75848,7.25412C3.75426,7.25685,3.74961,7.25685,3.74708,7.25412C3.61533,7.12221,3.22049,6.77514,3.03426,6.72874C2.4988,6.59182,2.30793,6.6455,2.12424,6.77514C2.09257,6.79925,2.19222,5.14212,2.20151,4.62083C2.20574,4.29559,2.52836,4.02949,2.66181,3.78249C2.69855,3.77248,3.06382,3.84345,3.20022,3.87301C3.48822,3.93397,3.83365,3.75793,4.05831,3.56961C4.3463,3.32761,4.51649,3.02694,4.53253,2.72126C4.56885,2.07806,4.08533,1.6773150000000001,3.56803,1.5917970000000001C3.27961,1.5453999999999999,2.96839,1.7651059999999998,2.75513,1.931592C2.69179,1.980264,2.62591,2.02712,2.56004,2.07078C2.13775,2.36646,1.83159,2.59389,1.73405,2.84089C1.69773,2.93187,1.46378,3.25665,1.2708,3.56961C1.01447,3.9881,0.748853,4.42023,0.623856,4.66268C0.451564,5.00748,-0.179753,7.91688,0.0495481,8.300799999999999C0.142451,8.45227,0.438051,8.54279,1.68844,9.27879L1.89029,9.39842C2.17871,9.56946,2.94347,9.78006,3.43586,9.75323C3.52707,9.84102,3.98314,10.49604,4.4713,11.3471L4.6191,11.5941C4.70736,11.7333,4.74368,11.7943,4.74579,11.8943C4.75508,12.049,4.77112,13.7016,4.78675,14.3789C4.79481,14.7306,5.06618,15.0087,5.39273,14.9998L10.4589,14.9752C10.7859,14.9831,11.057,14.7043,11.0649,14.352C11.0809,13.6743,11.0716,12.1782,11.083,12.0244C11.0898,11.9244,11.124,11.863,11.2127,11.726L11.8275,10.79717C12.3157,9.94382,12.6788,9.81418,12.7692,9.72593C13.2599,9.75323,13.6569,9.68226,13.9474,9.51077L14.145,9.39342C15.3979,8.655149999999999,15.9769,8.47911,15.9904,8.29579C16.0901,6.99985,15.3844,5.25402,15.2092,4.90968L15.2096,4.90968Z" fill="currentColor"/></g></g></svg>
                        {t('menu.heroInvitation')}
                        {theme === "dark" ?
                            <img src={HeroInvitation} style={{marginLeft: 8}}/> :
                            <img src={LightHeroInvitation} style={{marginLeft: 8}}/>
                        }
                    </div>
                    {/*<div className={menu === "mcp" ? "menu-active" : "menu"} onClick={()=>menuChange("mcp")}>*/}
                    {/*<svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_514_045659/514_037307"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_514_045659/514_037307)"><g><path d="M15.005,1.5000152587890625C15.416,1.5000152587890625,15.75,1.8330152587890625,15.75,2.2440152587890623L15.75,15.756015258789063C15.7467,16.165915258789063,15.4149,16.49731525878906,15.005,16.500015258789062L2.995,16.500015258789062C2.583938,16.500015258789062,2.25055173,16.16711525878906,2.25,15.756015258789063L2.25,2.2440152587890623C2.25327042,1.8340882587890626,2.585069,1.5027350187890625,2.995,1.5000152587890625L15.005,1.5000152587890625ZM13,13.500015258789062L5,13.500015258789062L5,15.000015258789062L13,15.000015258789062L13,13.500015258789062ZM13,11.000015258789062L5,11.000015258789062L5,12.500015258789062L13,12.500015258789062L13,11.000015258789062ZM9.5,3.0000152587890625L5.25,3.0000152587890625L5.25,9.750015258789062L7.375,8.250015258789062L9.5,9.750015258789062L9.5,3.0000152587890625Z" fill="currentColor"/></g></g></svg>*/}
                    {/*{t('mcp.title')}*/}
                    {/*</div>*/}
                    {/*<div className={menu === "industrialPromptWords" ? "menu-active" : "menu"} onClick={()=>menuChange("industrialPromptWords")}>*/}
                        {/*<svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_210_14291"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_210_14291)"><g><path d="M16.6435,11.489L15.2143,10.72523C15.1868,10.71052,15.1563,10.70298,15.1254,10.70325L15.1052,10.70325C15.0727,10.70353,15.0408,10.71244,15.0125,10.72913L14.0247,11.3131C14.0138,11.3194,14.0034,11.3265,13.9934,11.3344C13.9645,11.3547,13.9475,11.3889,13.9482,11.4252C13.9478,11.4425,13.9499,11.4597,13.9545,11.4763L13.9545,11.4776C13.9696,11.5267,14.0031,11.5673,14.0474,11.5903L14.6897,11.9375C14.7525,11.9714,14.7921,12.0385,14.7929,12.1121C14.7936,12.1857,14.7554,12.2537,14.6933,12.289L9.08706,15.4796C9.03117,15.5114,8.963750000000001,15.5121,8.90724,15.4816L3.30363,12.4516C3.24158,12.418,3.20206,12.3519,3.2006,12.2791C3.19913,12.2063,3.23594,12.1385,3.2966,12.1022L4.001329999999999,11.6811C4.01821,11.671,4.02322,11.6678,4.0377600000000005,11.6587C4.11078,11.6126,4.1031200000000005,11.5468,4.10234,11.5388C4.10156,11.5309,4.097799999999999,11.4539,4.03979,11.4161C4.0301,11.4099,4.02947,11.4096,4.01868,11.4034L3.02499,10.83657C2.99625,10.8202,2.96394,10.81179,2.93117,10.81215L2.90975,10.81215C2.87987,10.81245,2.85047,10.82003,2.8239099999999997,10.83429L1.346896,11.6256C1.131257,11.7481,0.99793107,11.9843,1.0000243363,12.2401C1.00211757,12.4958,1.13929,12.7296,1.356904,12.8483L8.717880000000001,16.9392C8.806339999999999,16.9865,8.90586,17.0069,9.00497,16.9979L9.01748,16.9979C9.12693,16.997,9.23513,16.994999999999997,9.29455,16.943199999999997C9.30513,16.9344,9.31649,16.9267,9.32848,16.920099999999998L16.654400000000003,12.7121C16.8652,12.597,16.997999999999998,12.3704,17,12.1226C17,12.1063,16.9984,12.1138,16.9987,12.0969C17.003,11.904,16.9285,11.6495,16.6433,11.4894L16.6435,11.489ZM16.6435,8.17337L15.2143,7.4094C15.1868,7.39469,15.1563,7.38715,15.1254,7.38742L15.1052,7.38742C15.0727,7.3877,15.0408,7.39661,15.0125,7.41331L14.0246,7.99707C14.0136,8.00338,14.0032,8.0105,13.9933,8.01839C13.9644,8.0387,13.9473,8.07292,13.9481,8.10923C13.9476,8.1265,13.9498,8.143740000000001,13.9543,8.16034L13.9543,8.16164C13.9695,8.21067,14.003,8.251280000000001,14.0472,8.27429L14.6897,8.621839999999999C14.7525,8.65573,14.7921,8.72287,14.7929,8.79645C14.7936,8.87003,14.7554,8.93804,14.6933,8.9733L9.08706,12.1639C9.03117,12.1957,8.963750000000001,12.1965,8.90724,12.1659L3.30363,9.13593C3.24158,9.10237,3.20206,9.03622,3.2006,8.963429999999999C3.19913,8.890640000000001,3.23595,8.82283,3.2966,8.78659L4.001329999999999,8.36545C4.01821,8.355360000000001,4.02322,8.35211,4.0377600000000005,8.34299C4.11078,8.29692,4.1031200000000005,8.23115,4.10234,8.22318C4.10156,8.2152,4.097799999999999,8.138200000000001,4.03979,8.100439999999999C4.0301,8.094249999999999,4.02947,8.09392,4.01868,8.08774L3.02499,7.52091C2.99625,7.50454,2.96394,7.49613,2.93117,7.49649L2.90975,7.49649C2.87987,7.49679,2.85047,7.50437,2.8239099999999997,7.51863L1.346896,8.309940000000001C1.131257,8.43248,0.99793107,8.66866,1.0000243363,8.92442C1.00211757,9.18017,1.13929,9.41395,1.356904,9.53264L8.717880000000001,13.6235C8.806339999999999,13.6709,8.90586,13.6913,9.00497,13.6823L9.01748,13.6823C9.12693,13.6813,9.23513,13.6793,9.29455,13.6276C9.30513,13.6188,9.31649,13.611,9.32848,13.6045L16.654400000000003,9.39541C16.8652,9.28031,16.997999999999998,9.05376,17,8.805959999999999C17,8.78968,16.9984,8.797170000000001,16.9987,8.78024C17.003,8.58733,16.9285,8.3329,16.6433,8.17271L16.6435,8.17337ZM1.306555,6.16522L8.63345,10.32168C8.7234,10.37091,8.825099999999999,10.39205,8.92632,10.38256C9.04312,10.38256,9.16086,10.38256,9.21919,10.32168L16.6044,6.16522C16.820999999999998,6.04459,16.9563,5.80961,16.9563,5.55387C16.9563,5.29812,16.820999999999998,5.06314,16.6044,4.94252L9.33693,1.0916085C9.15925,0.9694639,8.928709999999999,0.9694639,8.75103,1.0916085L1.365817,4.94252C1.145726,5.05924,1.00894168,5.29652,1.0135291,5.55362C0.955049,5.7978,1.131271,6.04198,1.306398,6.1644L1.306555,6.16522Z" fill="currentColor"/></g></g></svg>*/}
                        {/*{t('menu.industrialPromptWords')}*/}
                    {/*</div>*/}
                    {/*<Menu*/}
                        {/*onSelect={menuSelect}*/}
                        {/*style={{ width: 240 }}*/}
                        {/*selectedKeys={selectedKeys}*/}
                        {/*defaultOpenKeys={['dynamic']}*/}
                        {/*mode="inline"*/}
                        {/*items={menuItems}*/}
                    {/*/>*/}
                    {/* {
                        dynamicMenu.map(item=>{
                            const key= dynamicMenuMap[item.name]
                            if(key){

                                return  <div key={item.id} className={menu === key ? "menu-active" : "menu"} onClick={()=>menuChange(key,item)}>
                                    <svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_210_14287"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_210_14287)"><g><path d="M10.5,1.5L4.5,1.5C3.671573,1.49999986589,3.000000268221,2.171573,3,3L3,15C3.000000268221,15.8284,3.671573,16.5,4.5,16.5L13.5,16.5C14.3284,16.5,15,15.8284,15,15L15,6L10.5,1.5ZM9.75,2.625L13.875,6.75L9.75,6.75L9.75,2.625Z" fill="currentColor"/></g></g></svg>
                                    {item.name}
                                </div>
                            }else return <div key={item.id} className={menu === "appStores" ? "menu-active" : "menu"} style={{cursor: 'not-allowed'}}   >
                                <svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_65_53796/280_25195"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_65_53796/280_25195)"><g><path d="M4.2054428125,15.87100625L4.2054428125,2.12890625L3.6835328125,2.12890625C3.0843588125,2.12890625,2.5986328125,2.61463225,2.5986328125,3.21380625L2.5986328125,14.78610625C2.5986328125,15.38530625,3.0843588125,15.87100625,3.6835328125,15.87100625L4.2054428125,15.87100625ZM15.4013328125,3.21380625C15.4013328125,2.61463225,14.9156328125,2.12890625,14.3164328125,2.12890625L13.4005328125,2.12890625L13.4005328125,5.52417625L11.6968028125,3.8326262499999997L9.998152812499999,5.49401625L9.993082812499999,2.12890625L5.4105628125,2.12890625L5.4105628125,15.87100625L14.3164328125,15.87100625C14.9156328125,15.87100625,15.4013328125,15.38530625,15.4013328125,14.78610625L15.4013328125,3.21380625ZM13.4349328125,8.94173625L7.6777328125,8.94173625L7.6777328125,9.71959625L13.4349328125,9.71959625L13.4349328125,8.94173625ZM13.4349328125,10.49745625L7.6777328125,10.49745625L7.6777328125,11.27530625L13.4349328125,11.27530625L13.4349328125,10.49745625Z" fillRule="evenodd" fill="currentColor"/></g></g></svg>
                                {item.name}
                            </div>
                        })
                    } */}
                    <div className="equity-exchange">
                        <Popover content={equityExchangeContent} arrow={false} placement="right" trigger="click" overlayClassName="systemPopover">
                            <div className="equity-exchange-box">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_760_034500/721_87487"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_760_034500/721_87487)"><g><path d="M9.61905,2.190065C10.17602,2.586615,10.7381,3.02916,11.30528,3.51871C11.84385,3.5616399999999997,12.3651,3.6188700000000003,12.8709,3.69246L13.387,3.77218C13.811,3.8433,14.1451,4.17213,14.223,4.5949100000000005C14.3477,5.27355,14.4417,5.98693,14.503,6.73403C14.8586,7.15,15.1918,7.56495,15.5014,7.97887L15.8101,8.400970000000001C16.0595,8.75075,16.0636,9.21918,15.8203,9.57325C15.4103,10.16542,14.971,10.73677,14.504,11.28516C14.4417,12.0343,14.3487,12.7477,14.223,13.4273C14.1451,13.8501,13.811,14.179,13.387,14.2501C12.7166,14.3625,12.0155,14.4473,11.28484,14.5056C10.85358,14.8705,10.42333,15.2087,9.99513,15.5215L9.57408,15.8199C9.21982,16.0637,8.75085,16.0596,8.40088,15.8097C7.83213,15.403,7.28145,14.9717,6.75041,14.5168C6.1822,14.476,5.636480000000001,14.4167,5.11221,14.341L4.61758,14.2644C4.1701999999999995,14.1891,3.8260199999999998,13.8278,3.7724200000000003,13.3773C3.6913400000000003,12.7017,3.61979,12.0251,3.55781,11.3475C3.18404,10.91926,2.826118,10.47744,2.484757,10.02294L2.190433,9.61924C1.9262953,9.24952,1.9379545,8.74979,2.219048,8.392800000000001C2.7055,7.77753,3.1490299999999998,7.2287,3.55168,6.74834C3.59767,6.2271,3.65592,5.65272,3.7274599999999998,5.02417L3.7724200000000003,4.64499C3.8260199999999998,4.19445,4.1701999999999995,3.83318,4.61758,3.75787C5.34277,3.6378500000000003,6.07329,3.55258,6.80662,3.50236C7.19292,3.18042,7.62214,2.8308809999999998,8.09429,2.455794L8.39372,2.218682C8.75049,1.9380756,9.24957,1.9264199,9.61905,2.190065ZM11.16527,7.11627L8.46117,9.8216L6.77903,8.13831L6.05548,8.86191L8.46117,11.26676L11.88882,7.83988L11.16527,7.11627Z" fill="currentColor"/></g></g></svg>
                                <span>{t('menu.equityExchange')}</span>
                            </div>
                        </Popover>
                    </div>
                    <div className="system">
                        <Popover content={content} arrow={false} placement="right" trigger="click" overlayClassName="systemPopover">
                            <div>
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_65_94060/65_94032"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clipPath="url(#master_svg0_65_94060/65_94032)"><g><path d="M16.54956953125,7.571410087890625C16.54616953125,7.540510087890625,16.54266953125,7.514750087890625,16.53756953125,7.499300087890625L16.53756953125,7.485570087890625L16.53066953125,7.447790087890625C16.40876953125,6.853720087890625,16.01556953125,6.470840087890625,15.52626953125,6.470840087890625L15.44556953125,6.470840087890625C14.61116953125,6.470840087890625,13.93466953125,5.790930087890625,13.93466953125,4.959920087890625C13.93466953125,4.767620087890625,14.02396953125,4.494620087890625,14.06166953125,4.398470087890625C14.29866953125,3.845610087890625,14.04626953125,3.215490087890625,13.46076953125,2.8944200878906248L11.61846953125,1.852225087890625L11.58416953125,1.840206787890625C11.44676953125,1.795565887890625,11.28709953125,1.742340218884625,11.10853953125,1.742340218884625C10.77544953125,1.742340218884625,10.40114953125,1.896866087890625,10.16935953125,2.128656087890625C9.87918953125,2.415388087890625,9.29027953125,2.8429100878906253,8.94001953125,2.8429100878906253C8.59147953125,2.8429100878906253,8.00083953125,2.417105087890625,7.71067953125,2.128656087890625C7.46342953125,1.884848087890625,7.12175953125,1.742340087890625,6.77149953125,1.742340087890625C6.58777953125,1.742340087890625,6.43325953125,1.793848887890625,6.29589953125,1.840206687890625L6.26499953125,1.852225087890625L4.33341953125,2.897850087890625L4.32139953125,2.9047200878906247C3.85266953125,3.1983200878906253,3.66208953125,3.871370087890625,3.90073953125,4.405340087890625L3.90417953125,4.4122100878906245L3.90760953125,4.419080087890626C3.94538953125,4.503210087890626,4.062139531250001,4.788220087890625,4.062139531250001,5.037180087890626C4.062139531250001,5.871620087890625,3.38221953125,6.548110087890625,2.55121953125,6.548110087890625L2.47051953125,6.548110087890625C1.9588645312500002,6.548110087890625,1.57598253125,6.925840087890625,1.46609753125,7.531920087890625L1.45922953125,7.566260087890625L1.45922953125,7.578280087890625C1.45922953125,7.595450087890625,1.45236153125,7.619490087890625,1.44721053125,7.650390087890625C1.40428753125,7.909660087890625,1.30126953125,8.520890087890624,1.30126953125,9.020530087890625C1.30126953125,9.520160087890625,1.40257053125,10.131400087890626,1.44721053125,10.390660087890625C1.45064453125,10.421560087890626,1.45407853125,10.447320087890626,1.45922953125,10.462770087890625L1.45922953125,10.476510087890626L1.46609753125,10.514280087890626C1.58800153125,11.108350087890624,1.98118453125,11.491230087890624,2.47051953125,11.491230087890624L2.5117295312500003,11.491230087890624C3.34616953125,11.491230087890624,4.02264953125,12.171140087890626,4.02264953125,13.002140087890625C4.02264953125,13.194440087890625,3.93336953125,13.467440087890624,3.89558953125,13.563640087890626C3.66723953125,14.083840087890625,3.88357953125,14.751740087890624,4.38835953125,15.088240087890625L4.40209953125,15.095140087890625L6.22206953125,16.108140087890625L6.25640953125,16.120140087890626C6.39376953125,16.164840087890624,6.55000953125,16.218040087890625,6.72857953125,16.218040087890625C7.10973953125,16.218040087890625,7.45312953125,16.072040087890628,7.66774953125,15.831740087890624C7.68835953125,15.816240087890625,7.70895953125,15.795640087890625,7.73299953125,15.775040087890625C7.95276953125,15.582740087890626,8.54339953125,15.074540087890625,8.933149531249999,15.074540087890625C9.223319531249999,15.074540087890625,9.70921953125,15.378440087890626,10.19854953125,15.867740087890626C10.44578953125,16.111540087890624,10.78745953125,16.254040087890623,11.13771953125,16.254040087890623C11.37466953125,16.254040087890623,11.54976953125,16.188840087890625,11.74896953125,16.090940087890623L11.75586953125,16.087540087890623L13.62216953125,15.055640087890625L13.62906953125,15.048740087890625C14.09776953125,14.755140087890625,14.28836953125,14.082140087890625,14.04966953125,13.548140087890625L14.04626953125,13.541240087890625L14.04276953125,13.534440087890625C14.03936953125,13.532740087890625,13.89346953125,13.228840087890624,13.92086953125,12.955840087890625L13.92436953125,12.938640087890626L13.92436953125,12.921440087890625C13.92436953125,12.087040087890625,14.60426953125,11.410530087890624,15.43526953125,11.410530087890624L15.52116953125,11.410530087890624C16.03276953125,11.410530087890624,16.41566953125,11.032800087890624,16.52556953125,10.426720087890626L16.532369531249998,10.392380087890626L16.532369531249998,10.380360087890624C16.53586953125,10.366620087890626,16.53926953125,10.346020087890626,16.54446953125,10.318550087890625C16.58906953125,10.066160087890625,16.69206953125,9.477240087890625,16.69206953125,8.938110087890625C16.695469531249998,8.440200087890625,16.59416953125,7.830680087890625,16.54956953125,7.571410087890625ZM8.99495953125,11.389930087890624C7.67461953125,11.389930087890624,6.60495953125,10.320260087890626,6.60495953125,8.999920087890626C6.60495953125,7.679580087890625,7.67461953125,6.609920087890625,8.99495953125,6.609920087890625C10.31529953125,6.609920087890625,11.38496953125,7.679580087890625,11.38496953125,8.999920087890626C11.38496953125,10.320270087890625,10.31529953125,11.389930087890624,8.99495953125,11.389930087890624Z" fill="currentColor" /></g></g></svg>
                                {t('menu.settings')}<DownOutlined />
                            </div>
                        </Popover>
                        <Popover content={helpContent} arrow={false} placement="right" trigger="click" overlayClassName="systemPopover">
                            <div>
                                <HelpIcon/>
                                {t('menu.help')}
                            </div>
                        </Popover>
                        <Popover content={userContent} arrow={false} placement="right" trigger="click" overlayClassName="systemPopover">
                            <div style={{display:'flex',alignItems:'center'}} >
                                <div className="userIconContainer" >
                                    {currentUser.avatarUrl?<img style={{width:"100%",height:"100%",borderRadius: "50%"}} src={ `${globalInitConfig.REACT_APP_API_FS_URL}file/download/${currentUser.avatarUrl}`} className="img"/>: <UserIcon/>}

                                </div>
                                {currentUser.loginname}</div>
                        </Popover>

                    </div>
                </div>
            }
            {showCreateModal &&
            <div className="waxberryCreateModal">
                <div className="waxberryCreateBox">
                    <div className="box-header">
                        <span className="label">{t('new')}</span>
                        <CloseOutlined onClick={hideCreateModal}/>
                    </div>
                    <div className="box-content">
                        <div className="box-data-div">
                            <div className="box-data" onClick={()=>{setShowCreateModal(false);window.open(`/waxberry`)}}>
                                <img src={CreateWaxberryIcon1}/>
                                <div className="box-data-desc">
                                    <span className="title">{t('menu.intelligentPlanning')}</span>
                                    <span className="desc">{t('menu.intelligentPlanningLabel')}</span>
                                </div>
                            </div>
                        </div>
                        <div className="box-data-div">
                            <div className="box-data" onClick={()=>{setShowCreateModal(false);window.open(`/waxberry_dev_step`)}}>
                                <img src={CreateWaxberryIcon2}/>
                                <div className="box-data-desc">
                                    <span className="title">{t('menu.deepThinking')}<span className="beta">Beta</span></span>
                                    <span className="desc">{t('menu.deepThinkingLabel')}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            }
        </>
    );
}

export default MenuLeft;
